Skip to content

Show a sample editor on the CodeMirror plugin config page. #17042

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 10, 2018
Merged

Show a sample editor on the CodeMirror plugin config page. #17042

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3d87468
Show a sample editor on the CodeMirror plugin config page.
okonomiyaki3000 Jul 10, 2017
64075ad
Call it a 'Preview'
okonomiyaki3000 Jul 12, 2017
2d6a9d5
Reordered attributes as per the Joomla coding standards for xml
okonomiyaki3000 Aug 7, 2017
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions administrator/language/en-GB/en-GB.plg_editors_codemirror.ini
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,8 @@ PLG_CODEMIRROR_FIELD_MATCHBRACKETS_DESC="Highlight matching brackets."
PLG_CODEMIRROR_FIELD_MATCHBRACKETS_LABEL="Match Brackets"
PLG_CODEMIRROR_FIELD_MATCHTAGS_DESC="Highlight matching tags."
PLG_CODEMIRROR_FIELD_MATCHTAGS_LABEL="Match Tags"
PLG_CODEMIRROR_FIELD_PREVIEW_DESC="An example of what your CodeMirror editor fields will look like with the current settings (save to update)."
Copy link
Contributor

@Quy Quy Dec 6, 2017

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

How about this? A preview of the CodeMirror editor with the current settings (save to update).

PLG_CODEMIRROR_FIELD_PREVIEW_LABEL="Preview"
PLG_CODEMIRROR_FIELD_SELECTIONMATCHES_DESC="Highlight instances of the selected word throughout the document."
PLG_CODEMIRROR_FIELD_SELECTIONMATCHES_LABEL="Highlight Selection Matches"
PLG_CODEMIRROR_FIELD_THEME_DESC="Sets the colours for the editor."
Expand Down
48 changes: 48 additions & 0 deletions plugins/editors/codemirror/codemirror.xml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -320,6 +320,54 @@
<option value="simple">PLG_CODEMIRROR_FIELD_VALUE_SCROLLBARSTYLE_SIMPLE</option>
<option value="overlay">PLG_CODEMIRROR_FIELD_VALUE_SCROLLBARSTYLE_OVERLAY</option>
</field>

<field
name="preview"
type="editor"
label="PLG_CODEMIRROR_FIELD_PREVIEW_LABEL"
description="PLG_CODEMIRROR_FIELD_PREVIEW_DESC"
editor="codemirror"
filter="unset"
buttons="false"
>
<default>
<![CDATA[
<script type="text/javascript">
jQuery(function ($) {
$('.hello').html('Hello World');
});
</script>

<style type="text/css">
h1 {
background-clip: border-box;
background-color: #cacaff;
background-image: linear-gradient(45deg, transparent 0px, transparent 30px, #ababff 30px, #ababff 60px, transparent 60px);
background-repeat: repeat-x;
background-size: 90px 100%;
border: 1px solid #8989ff;
border-radius: 10px;
color: #333;
padding: 0 15px;
}
</style>

<div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a ornare lectus, quis semper urna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus interdum metus id elit rutrum sollicitudin. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam in fermentum risus, id facilisis nulla. Phasellus gravida erat sed ullamcorper accumsan. Donec blandit sem eget sem congue, a varius sapien semper.</p>
<p>Integer euismod tempor convallis. Nullam porttitor et ex ac fringilla. Quisque facilisis est ac erat condimentum malesuada. Aenean commodo quam odio, tincidunt ultricies mauris suscipit et.</p>

<ul>
<li>Vivamus ultrices ligula a odio lacinia pellentesque.</li>
<li>Curabitur iaculis arcu pharetra, mollis turpis id, commodo erat.</li>
<li>Etiam consequat enim quis faucibus interdum.</li>
<li>Morbi in ipsum pulvinar, eleifend lorem sit amet, euismod magna.</li>
<li>Donec consectetur lacus vitae eros euismod porta.</li>
</ul>
</div>
]]>
</default>
</field>

</fieldset>
</fields>
</config>
Expand Down