update
This commit is contained in:
301
modules/advancedpopupcreator/lib/tiny_mce/codemirror/source.html
Normal file
301
modules/advancedpopupcreator/lib/tiny_mce/codemirror/source.html
Normal file
@@ -0,0 +1,301 @@
|
||||
<!--
|
||||
~ NOTICE OF LICENSE
|
||||
~
|
||||
~ This product is licensed for one customer to use on one installation (test stores and multishop included).
|
||||
~ Site developer has the right to modify this module to suit their needs, but can not redistribute the module in
|
||||
~ whole or in part. Any other use of this module constitutes a violation of the user agreement.
|
||||
~
|
||||
~ DISCLAIMER
|
||||
~
|
||||
~ NO WARRANTIES OF DATA SAFETY OR MODULE SECURITY
|
||||
~ ARE EXPRESSED OR IMPLIED. USE THIS MODULE IN ACCORDANCE
|
||||
~ WITH YOUR MERCHANT AGREEMENT, KNOWING THAT VIOLATIONS OF
|
||||
~ PCI COMPLIANCY OR A DATA BREACH CAN COST THOUSANDS OF DOLLARS
|
||||
~ IN FINES AND DAMAGE A STORES REPUTATION. USE AT YOUR OWN RISK.
|
||||
~
|
||||
~ @author idnovate.com <info@idnovate.com>
|
||||
~ @copyright 2022 idnovate.com
|
||||
~ @license See above
|
||||
-->
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<script>
|
||||
|
||||
/**
|
||||
* source.html
|
||||
*
|
||||
* Copyright 2013-2014 Web Power, www.webpower.nl
|
||||
* @author Arjan Haverkamp
|
||||
*/
|
||||
|
||||
// Global vars:
|
||||
var tinymce, // Reference to TinyMCE
|
||||
editor, // Reference to TinyMCE editor
|
||||
codemirror, // CodeMirror instance
|
||||
chr = 0, // Unused utf-8 character, placeholder for cursor
|
||||
isMac = /macintosh|mac os/i.test(navigator.userAgent),
|
||||
CMsettings, // CodeMirror settings
|
||||
tinymce = parent.tinymce,
|
||||
editor = tinymce.activeEditor,
|
||||
userSettings = editor.settings.codemirror ? editor.settings.codemirror : {}
|
||||
|
||||
function inArray(key, arr) {
|
||||
"use strict";
|
||||
arr = '|' + arr.join('|') + '|';
|
||||
return arr.indexOf('|' + key + '|') != -1;
|
||||
}
|
||||
|
||||
(function () {// Initialise (before load)
|
||||
"use strict";
|
||||
|
||||
|
||||
var i;
|
||||
CMsettings = {
|
||||
path: userSettings.path || 'codemirror-4.8',
|
||||
indentOnInit: userSettings.indentOnInit || false,
|
||||
config: {// Default config
|
||||
mode: 'htmlmixed',
|
||||
theme: 'default',
|
||||
lineNumbers: true,
|
||||
lineWrapping: true,
|
||||
indentUnit: 2,
|
||||
tabSize: 2,
|
||||
indentWithTabs: true,
|
||||
matchBrackets: true,
|
||||
saveCursorPosition: true,
|
||||
styleActiveLine: true
|
||||
},
|
||||
jsFiles: [// Default JS files
|
||||
'lib/codemirror.js',
|
||||
'addon/edit/matchbrackets.js',
|
||||
'mode/xml/xml.js',
|
||||
'mode/javascript/javascript.js',
|
||||
'mode/css/css.js',
|
||||
'mode/htmlmixed/htmlmixed.js',
|
||||
'addon/selection/active-line.js'
|
||||
],
|
||||
cssFiles: [// Default CSS files
|
||||
'lib/codemirror.css'
|
||||
]
|
||||
};
|
||||
|
||||
if (userSettings.fullscreen) {
|
||||
CMsettings.jsFiles.push('addon/display/fullscreen.js');
|
||||
CMsettings.cssFiles.push('addon/display/fullscreen.css');
|
||||
}
|
||||
|
||||
if (userSettings.search) {
|
||||
CMsettings.jsFiles.push('addon/search/searchcursor.js');
|
||||
CMsettings.jsFiles.push('addon/search/search.js');
|
||||
CMsettings.jsFiles.push('addon/dialog/dialog.js');
|
||||
CMsettings.cssFiles.push('addon/dialog/dialog.css');
|
||||
}
|
||||
|
||||
// Merge config
|
||||
for (i in userSettings.config) {
|
||||
CMsettings.config[i] = userSettings.config[i];
|
||||
}
|
||||
|
||||
// Merge jsFiles
|
||||
for (i in userSettings.jsFiles) {
|
||||
if (!inArray(userSettings.jsFiles[i], CMsettings.jsFiles)) {
|
||||
CMsettings.jsFiles.push(userSettings.jsFiles[i]);
|
||||
}
|
||||
}
|
||||
|
||||
// Merge cssFiles
|
||||
for (i in userSettings.cssFiles) {
|
||||
if (!inArray(userSettings.cssFiles[i], CMsettings.cssFiles)) {
|
||||
CMsettings.cssFiles.push(userSettings.cssFiles[i]);
|
||||
}
|
||||
}
|
||||
|
||||
// Add trailing slash to path
|
||||
if (!/\/$/.test(CMsettings.path)) {
|
||||
CMsettings.path += '/';
|
||||
}
|
||||
|
||||
// Write stylesheets
|
||||
for (i = 0; i < CMsettings.cssFiles.length; i++) {
|
||||
document.write('<li' + 'nk rel="stylesheet" type="text/css" href="' + CMsettings.path + CMsettings.cssFiles[i] + '" />');
|
||||
}
|
||||
|
||||
// Write JS source files
|
||||
for (i = 0; i < CMsettings.jsFiles.length; i++) {
|
||||
document.write('<scr' + 'ipt type="text/javascript" src="' + CMsettings.path + CMsettings.jsFiles[i] + '"></scr' + 'ipt>');
|
||||
}
|
||||
|
||||
// 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;
|
||||
}());
|
||||
|
||||
function start() {// Initialise (on load)
|
||||
"use strict";
|
||||
|
||||
if (typeof (window.CodeMirror) !== 'function') {
|
||||
alert('CodeMirror not found in "' + CMsettings.path + '", aborting...');
|
||||
return;
|
||||
}
|
||||
|
||||
|
||||
// Create legend for keyboard shortcuts for find & replace:
|
||||
var head = parent.document.querySelectorAll('.mce-foot')[0],
|
||||
div = parent.document.createElement('div'),
|
||||
td1 = '<td style="font-size:11px;background:#777;color:#fff;padding:0 4px">',
|
||||
td2 = '<td style="font-size:11px;padding-right:5px">';
|
||||
if (userSettings.search) {
|
||||
div.innerHTML = '<table cellspacing="0" cellpadding="0" style="border-spacing:4px"><tr>' + td1 + (isMac ? '⌘-F' : 'Ctrl-F</td>') + td2 + tinymce.translate('Start search') + '</td>' + td1 + (isMac ? '⌘-G' : 'Ctrl-G') + '</td>' + td2 + tinymce.translate('Find next') + '</td>' + td1 + (isMac ? '⌘-Alt-F' : 'Shift-Ctrl-F') + '</td>' + td2 + tinymce.translate('Find previous') + '</td></tr>' + '<tr>' + td1 + (isMac ? '⌘-Alt-F' : 'Shift-Ctrl-F') + '</td>' + td2 + tinymce.translate('Replace') + '</td>' + td1 + (isMac ? 'Shift-⌘-Alt-F' : 'Shift-Ctrl-R') + '</td>' + td2 + tinymce.translate('Replace all') + '</td></tr></table>';
|
||||
}
|
||||
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:
|
||||
var 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\s+style="display: none;"\s+class="CmCaReT"([^>]*)>([^<]*)<\/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, function (toolbar) {
|
||||
if (toolbar.panel) {
|
||||
toolbar.panel.hide();
|
||||
}
|
||||
});
|
||||
|
||||
CodeMirror.defineInitHook(function (inst) {
|
||||
// Move cursor to correct position:
|
||||
/*
|
||||
inst.focus();
|
||||
var 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) {
|
||||
var last = inst.lineCount();
|
||||
inst.operation(function () {
|
||||
for (var 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', function (inst) {
|
||||
inst.isDirty = true;
|
||||
});
|
||||
}
|
||||
|
||||
function findDepth(haystack, needle) {
|
||||
"use strict";
|
||||
|
||||
var idx = haystack.indexOf(needle), depth = 0, x;
|
||||
for (x = idx - 1; x >= 0; x--) {
|
||||
switch (haystack.charAt(x)) {
|
||||
case '<':
|
||||
depth--;
|
||||
break;
|
||||
case '>':
|
||||
depth++;
|
||||
break;
|
||||
case '&':
|
||||
depth++;
|
||||
break;
|
||||
}
|
||||
}
|
||||
return depth;
|
||||
}
|
||||
|
||||
// This function is called by plugin.js, when user clicks 'Ok' button
|
||||
function submit() {
|
||||
"use strict";
|
||||
|
||||
var cc = '�', isDirty = codemirror.isDirty, doc = codemirror.doc;
|
||||
|
||||
if (doc.somethingSelected()) {
|
||||
// Clear selection:
|
||||
doc.setCursor(doc.getCursor());
|
||||
}
|
||||
|
||||
// Insert cursor placeholder (�)
|
||||
doc.replaceSelection(cc);
|
||||
|
||||
var pos = codemirror.getCursor(),
|
||||
curLineHTML = doc.getLine(pos.line);
|
||||
|
||||
if (findDepth(curLineHTML, cc) !== 0) {
|
||||
// Cursor is inside a <tag>, don't set cursor:
|
||||
curLineHTML = curLineHTML.replace(cc, '');
|
||||
doc.replaceRange(curLineHTML, CodeMirror.Pos(pos.line, 0), CodeMirror.Pos(pos.line));
|
||||
}
|
||||
|
||||
// Submit HTML to TinyMCE:
|
||||
// [FIX] Cursor position inside JS, style or &nbps;
|
||||
// Workaround to fix cursor position if inside script tag
|
||||
var code = codemirror.getValue();
|
||||
if (code.search(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi) !== -1 || code.search(/<style\b[^<]*(?:(?!<\/style>)<[^<]*)*<\/style>/gi) !== -1) {
|
||||
editor.setContent(codemirror.getValue().replace(cc, ''));
|
||||
} else {
|
||||
editor.setContent(codemirror.getValue().replace(cc, '<span id="CmCaReT"></span>'));
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
height: 100%;
|
||||
font-size: 12px;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.CodeMirror-activeline-background {
|
||||
background: #E8F2FF !important;
|
||||
}
|
||||
|
||||
.cm-trailingspace {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAACCAYAAAB/qH1jAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QUXCToH00Y1UgAAACFJREFUCNdjPMDBUc/AwNDAAAFMTAwMDA0OP34wQgX/AQBYgwYEx4f9lQAAAABJRU5ErkJggg==);
|
||||
background-position: bottom left;
|
||||
background-repeat: repeat-x;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body></body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user