(.*?)" + cc + "(.*?)<\/style>", "ms");
+
+ /* Regex to check if in beginning or end or if between < & > */
+ const ccLocationCheck = new RegExp("<[^>]*(" + cc + ").*>|^(" + cc + ")|(" + cc + ")$");
+
+ if (
+ code.search(ccScript) !== -1 ||
+ code.search(ccStyle) !== -1 ||
+ code.search(ccLocationCheck) !== -1
+ ){
+ editor.setContent(code.replace(cc, ''));
+ } else {
+ editor.setContent(code.replace(cc, ''));
+ }
+
+ editor.isNotDirty = !isDirty;
+ if (isDirty) {
+ editor.nodeChanged();
+ }
+
+ // Set cursor:
+ var el = editor.dom.select('span#CmCaReT')[0];
+ if (el) {
+ editor.selection.scrollIntoView(el);
+ editor.selection.setCursorLocation(el,0);
+ editor.dom.remove(el);
+ }
+}
+
+/**
+ * Append some help text in the modal footer
+ */
+const start = () => {
+ // Initialise (on load)
+ if (typeof(window.CodeMirror) !== 'function') {
+ throw new Error(`CodeMirror not found in "${CMsettings.path}", aborting...`);
+ }
+
+ // Create legend for keyboard shortcuts for find & replace:
+ const head = parent.document.querySelectorAll('.tox-dialog__footer')[0];
+ const div = parent.document.createElement('div');
+ const td1 = '| ';
+ const td2 = ' | ';
+ div.innerHTML = `
+
+
+ ${td1}${(isMac ? '⌘-F' : 'Ctrl-F')}${td2}${tinymce.translate('Start search')}
+ ${td1}${(isMac ? '⌘-G' : 'Ctrl-G')}
+ ${td2}${tinymce.translate('Find next')}
+ ${td1}${(isMac ? '⌘-Alt-F' : 'Shift-Ctrl-F')}
+ ${td2}${tinymce.translate('Find previous')}
+
+
+ ${td1}${(isMac ? '⌘-Alt-F' : 'Shift-Ctrl-F')}
+ ${td2}${tinymce.translate('Replace')}
+ ${td1}${(isMac ? 'Shift-⌘-Alt-F' : 'Shift-Ctrl-R')}
+ ${td2}${tinymce.translate('Replace all')}
+
+ `;
+ div.style.position = 'absolute';
+ div.style.left = div.style.bottom = '5px';
+ head.appendChild(div);
+
+ // Set CodeMirror cursor and bookmark to same position as cursor was in TinyMCE:
+ let html = editor.getContent({source_view: true});
+
+ // [FIX] #6 z-index issue with table panel and source code dialog
+ // editor.selection.getBookmark();
+
+ html = html.replace(/]*)>([^<]*)<\/span>/gm, String.fromCharCode(chr));
+ editor.dom.remove(editor.dom.select('.CmCaReT'));
+
+ // Hide TinyMCE toolbar panels, [FIX] #6 z-index issue with table panel and source code dialog
+ // https://github.com/christiaan/tinymce-codemirror/issues/6
+ tinymce.each(editor.contextToolbars, (toolbar) => { if (toolbar.panel) { toolbar.panel.hide(); } });
+
+ CodeMirror.defineInitHook((inst) => {
+ // Move cursor to correct position:
+ inst.focus();
+ const cursor = inst.getSearchCursor(String.fromCharCode(chr), false);
+ if (cursor.findNext()) {
+ inst.setCursor(cursor.to());
+ cursor.replace('');
+ }
+
+ // Indent all code, if so requested:
+ if (editor.settings.codemirror.indentOnInit) {
+ const last = inst.lineCount();
+ inst.operation(function() {
+ for (let i = 0; i < last; ++i) {
+ inst.indentLine(i);
+ }
+ });
+ }
+ });
+
+ CMsettings.config.value = html;
+
+ // Instantiante CodeMirror:
+ codemirror = CodeMirror(document.body, CMsettings.config);
+ codemirror.isDirty = false;
+ codemirror.on('change', (inst) => {
+ inst.isDirty = true;
+ });
+}
+
+/**
+ * Listen for the escape key and close the modal
+ *
+ * @param {Event} evt
+ */
+document.addEventListener('keydown', (evt) => {
+ evt = evt || window.event;
+ let isEscape = false;
+ if ("key" in evt)
+ isEscape = (evt.key === "Escape" || evt.key === "Esc");
+ else
+ isEscape = (evt.keyCode === 27);
+
+ if (isEscape)
+ tinymce.activeEditor.windowManager.close();
+});
+
+(() => {
+ // Initialise (before load)
+ tinymce = parent.tinymce;
+ if (!tinymce) {
+ throw new Error('tinyMCE not found');
+ }
+
+ editor = tinymce.activeEditor;
+ const userSettings = editor.settings.codemirror;
+
+ if (userSettings.fullscreen) {
+ CMsettings.jsFiles.push('addon/display/fullscreen.min.js');
+ CMsettings.cssFiles.push('addon/display/fullscreen.css');
+ }
+
+ // Merge config
+ for (const i in userSettings.config) {
+ CMsettings.config[i] = userSettings.config[i];
+ }
+
+ // Merge jsFiles
+ for (const i in userSettings.jsFiles) {
+ if (!CMsettings.jsFiles.includes(userSettings.jsFiles[i])) {
+ CMsettings.jsFiles.push(userSettings.jsFiles[i]);
+ }
+ }
+
+ // Merge cssFiles
+ for (const i in userSettings.cssFiles) {
+ if (!CMsettings.cssFiles.includes(userSettings.cssFiles[i])) {
+ CMsettings.cssFiles.push(userSettings.cssFiles[i]);
+ }
+ }
+
+ // Add trailing slash to path
+ if (!/\/$/.test(CMsettings.path)) {
+ CMsettings.path += '/';
+ }
+
+ // Write stylesheets
+ for (let i = 0; i < CMsettings.cssFiles.length; i++) {
+ document.write('');
+ }
+
+ // Write JS source files. Needs to be synchronous to ensure the correct order.
+ for (let i = 0; i < CMsettings.jsFiles.length; i++) {
+ document.write('');
+ }
+
+ // Borrowed from codemirror.js themeChanged function. Sets the theme's class names to the html element.
+ // Without this, the background color outside of the codemirror wrapper element remains white.
+ // [TMP] commented temporary, cause JS error: Uncaught TypeError: Cannot read property 'replace' of undefined
+ if (CMsettings.config.theme) {
+ document.documentElement.className += CMsettings.config.theme.replace(/(^|\s)\s*/g, ' cm-s-');
+ }
+
+ window.onload = start;
+})();
diff --git a/plugins/editors/tinymce/forms/setoptions.xml b/plugins/editors/tinymce/forms/setoptions.xml
index 3500ce0218347..0c118ea522b2d 100644
--- a/plugins/editors/tinymce/forms/setoptions.xml
+++ b/plugins/editors/tinymce/forms/setoptions.xml
@@ -298,6 +298,17 @@
+
+
+
+
+
+ >
|