diff --git a/jusebce.php b/jusebce.php
new file mode 100644
index 0000000..774b8aa
--- /dev/null
+++ b/jusebce.php
@@ -0,0 +1,141 @@
+<?php
+
+use Joomla\CMS\Factory;
+use Joomla\CMS\Plugin\CMSPlugin;
+use Joomla\CMS\Uri\Uri;
+
+defined('_JEXEC') or die;
+
+class plgSystemJUSebCE extends CMSPlugin
+{
+	protected $app;
+
+	/**
+	 * plgSystemJUSebCE constructor.
+	 *
+	 * @param $subject
+	 * @param $config
+	 */
+	public function __construct(&$subject, $config)
+	{
+		parent::__construct($subject, $config);
+
+		$this->doc = Factory::getDocument();
+	}
+
+	/**
+	 *
+	 * @return bool
+	 *
+	 * @since 1.0
+	 */
+	public function onBeforeCompileHead()
+	{
+		if($this->app->getName() === 'site')
+		{
+			return true;
+		}
+
+		if(!($this->app->input->getCmd('option') === 'com_cck' && $this->app->input->getCmd('view') === 'field' && $this->app->input->getCmd('tmpl') === 'component' && $this->app->input->getCmd('layout') === 'edit'))
+		{
+			return true;
+		}
+
+		$this->doc->addStyleSheet(Uri::root() . 'media/editors/codemirror/lib/codemirror.min.css');
+		$this->doc->addStyleSheet('https://fonts.googleapis.com/css?family=Source+Code+Pro');
+
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/lib/codemirror.min.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/addon/edit/matchbrackets.min.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/mode/htmlmixed/htmlmixed.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/mode/xml/xml.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/mode/javascript/javascript.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/mode/css/css.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/mode/clike/clike.js', 'text/javascript');
+		$this->doc->addScript(Uri::root() . 'media/editors/codemirror/mode/php/php.js', 'text/javascript');
+
+		$css = '<style>
+		.CodeMirror
+		{
+			font-family: \'Source Code Pro\', monospace!important;
+			font-size: 14px;;
+			line-height: 1.2em;;
+			border: 1px solid #ccc;
+		}
+		.CodeMirror-fullscreen
+		{
+			z-index: 1040;
+		}
+		.CodeMirror-foldmarker
+		{
+			background: rgb(255, 128, 0);
+			background: rgba(255, 128, 0, .5);
+			box-shadow: inset 0 0 2px rgba(255, 255, 255, .5);
+			font-family: serif;
+			font-size: 90%;
+			border-radius: 1em;
+			padding: 0 1em;
+			vertical-align: middle;
+			color: white;
+			text-shadow: none;
+		}
+		.CodeMirror-foldgutter, .CodeMirror-markergutter { width: 1.2em; text-align: center; }
+		.CodeMirror-markergutter { cursor: pointer; }
+		.CodeMirror-markergutter-mark { cursor: pointer; text-align: center; }
+		.CodeMirror-markergutter-mark:after { content: "CF"; }
+		.CodeMirror-activeline-background { background: rgba(164, 194, 235, .5); }
+		.CodeMirror-matchingtag { background: rgba(250, 84, 47, .5); }
+		.cm-matchhighlight {background-color: rgba(250, 84, 47, .5); }
+		.CodeMirror-selection-highlight-scrollbar {background-color: rgba(250, 84, 47, .5); }
+		</style>';
+
+		$this->doc->addCustomTag($css);
+
+		$this->doc->addScriptDeclaration(<<<JS
+		(function () {
+		    document.addEventListener('DOMContentLoaded', function () {
+	
+				var options = {
+				    lineNumbers: true,
+			        matchBrackets: true,
+			        mode: "text/x-php",
+			        indentUnit: 4,
+			        indentWithTabs: true
+			    },
+			    mixedMode = {
+				    lineNumbers: true,
+			        matchBrackets: true,
+			        indentUnit: 4,
+			        indentWithTabs: true,		        
+	                name: "htmlmixed",
+	                scriptTypes: [
+	                    {
+	                        matches: /\/x-handlebars-template|\/x-mustache/i,
+	                        mode: null
+	                    }, {
+	                        matches: /(text|application)\/(x-)?vb(a|script)/i,
+	                       mode: "vbscript"
+	                    }
+	                ]
+	            };
+			    
+			    addCM('json_options2_code', options);
+			    addCM('json_options2_preparecontent', options);
+			    addCM('json_options2_prepareform', options);
+			    addCM('json_options2_preparestore', options);
+			    addCM('json_options2_html', mixedMode);
+			    
+			    function addCM(elID, options) {
+			        var el = document.getElementById(elID);
+			
+				    if (typeof el !== "undefined" && el !== null) {
+						return CodeMirror.fromTextArea(el, options);
+					}
+			    }
+		    });
+	   	})();
+JS
+		);
+
+		return true;
+	}
+}
\ No newline at end of file
diff --git a/jusebce.xml b/jusebce.xml
new file mode 100644
index 0000000..b80ec11
--- /dev/null
+++ b/jusebce.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<extension type="plugin" group="system" version="3.8" method="upgrade">
+    <name>JUSebCE - Code Editor for SEBLOD</name>
+    <author>Denys Nosov (Joomla! Ukraine)</author>
+    <authorEmail>denys@joomla-ua.org</authorEmail>
+    <authorUrl>https://joomla-ua.org</authorUrl>
+    <copyright>Copyright (C) 2019 Joomla! Ukraine. All Rights Reserved.</copyright>
+    <license>GNU General Public License version 2 or later.</license>
+    <creationDate>13.11.2019</creationDate>
+    <description>Add code editor for SEBLOD 3.x</description>
+    <version>1.0.0</version>
+    <files>
+        <filename plugin="jusebce">jusebce.php</filename>
+    </files>
+    <config>
+        <fields name="params">
+
+        </fields>
+    </config>
+</extension>
\ No newline at end of file