Show a sample editor on the CodeMirror plugin config page.

joomla · Jul 10, 2017 · f2fac83 · f2fac83
1 parent ad85034
commit f2fac83
Show file tree

Hide file tree

Showing 2 changed files with 50 additions and 0 deletions.
diff --git a/administrator/language/en-GB/en-GB.plg_editors_codemirror.ini b/administrator/language/en-GB/en-GB.plg_editors_codemirror.ini
@@ -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_SAMPLETEXT_DESC="An example of what your CodeMirror editor fields will look like (save to update)."
+PLG_CODEMIRROR_FIELD_SAMPLETEXT_LABEL="Sample Text"
 PLG_CODEMIRROR_FIELD_SELECTIONMATCHES_DESC="Highlight instances of the currently selected word throughout the document."
 PLG_CODEMIRROR_FIELD_SELECTIONMATCHES_LABEL="Highlight Selection Matches"
 PLG_CODEMIRROR_FIELD_THEME_DESC="Sets the colours for the editor."

diff --git a/plugins/editors/codemirror/codemirror.xml b/plugins/editors/codemirror/codemirror.xml
@@ -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="sampletext"
+					type="editor"
+					editor="codemirror"
+					label="PLG_CODEMIRROR_FIELD_SAMPLETEXT_LABEL"
+					description="PLG_CODEMIRROR_FIELD_SAMPLETEXT_DESC"
+					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>