- CKEditor 스킨
+ CKEditor
CKEditor
1.0.0
2015-02-24
diff --git a/modules/editor/skins/simpleeditor/css/simpleeditor.less b/modules/editor/skins/simpleeditor/css/simpleeditor.less
new file mode 100644
index 000000000..cc0e2dd92
--- /dev/null
+++ b/modules/editor/skins/simpleeditor/css/simpleeditor.less
@@ -0,0 +1,29 @@
+.rx_simpleeditor {
+ width: 100%;
+ min-height: 60px;
+ box-sizing: border-box;
+ outline: 0 solid transparent;
+ resize: vertical;
+ overflow-y: auto;
+ &.light {
+ border: 1px solid #c4c4c4;
+ background: #fff;
+ padding: 10px;
+ }
+ &.dark {
+ border-color: #111;
+ background: #333;
+ color: #fff;
+ }
+ iframe {
+ max-width: 100%;
+ padding: 5px 0;
+ }
+ img {
+ max-width: 50%;
+ padding: 5px 0;
+ }
+ img.thumbnail {
+ max-width: 160px;
+ }
+}
diff --git a/modules/editor/skins/simpleeditor/editor.html b/modules/editor/skins/simpleeditor/editor.html
new file mode 100644
index 000000000..93bf30514
--- /dev/null
+++ b/modules/editor/skins/simpleeditor/editor.html
@@ -0,0 +1,16 @@
+
+
+
+
+
+
diff --git a/modules/editor/skins/simpleeditor/js/interface.js b/modules/editor/skins/simpleeditor/js/interface.js
new file mode 100644
index 000000000..754eb5934
--- /dev/null
+++ b/modules/editor/skins/simpleeditor/js/interface.js
@@ -0,0 +1,16 @@
+function _getSimpleEditorInstance(editor_sequence) {
+ return jQuery('#simpleeditor_instance_' + editor_sequence);
+}
+
+function editorGetContent(editor_sequence) {
+ return _getSimpleEditorInstance(editor_sequence).html().escape();
+}
+
+function editorReplaceHTML(iframe_obj, content) {
+ var editor_sequence = parseInt(iframe_obj.id.replace(/^.*_/, ''), 10);
+ _getSimpleEditorInstance(editor_sequence).html(content);
+}
+
+function editorGetIFrame(editor_sequence) {
+ return _getSimpleEditorInstance(editor_sequence).get(0);
+}
diff --git a/modules/editor/skins/simpleeditor/js/simpleeditor.js b/modules/editor/skins/simpleeditor/js/simpleeditor.js
new file mode 100644
index 000000000..2cfda25b5
--- /dev/null
+++ b/modules/editor/skins/simpleeditor/js/simpleeditor.js
@@ -0,0 +1,155 @@
+"use strict";
+
+(function($) {
+
+ // Save the cursor position.
+ var ranges = [];
+ var saveSelection = function() {
+ var sel = window.getSelection();
+ ranges = [];
+ if (sel.getRangeAt && sel.rangeCount) {
+ for (let i = 0; i < sel.rangeCount; i++) {
+ ranges.push(sel.getRangeAt(i));
+ }
+ }
+ };
+
+ // Insert content at cursor position.
+ var insertContent = function(instance, content) {
+ if (content.match(/<(audio|video)\b[^>]+>(<\/p>)?/)) {
+ content = content + '
';
+ }
+ if (ranges.length) {
+ var range = ranges[0];
+ range.collapse(false);
+ ranges = [];
+ } else {
+ var range = document.createRange();
+ range.selectNodeContents(instance.get(0));
+ range.collapse(false);
+ }
+ var sel = window.getSelection();
+ sel.removeAllRanges();
+ sel.addRange(range);
+ if (String(navigator.userAgent).match(/Trident\/7/)) {
+ range.insertNode(range.createContextualFragment(content));
+ range.collapse(false);
+ } else {
+ document.execCommand('insertHTML', false, content);
+ }
+ };
+
+ // Simplify HTML content by removing unnecessary tags.
+ var simplifyContent = function(str) {
+ str = String(str);
+ str = str.replace(//gs, '');
+ str = str.replace(/<\/?(\?xml|meta|link|font|span|style|script|noscript|frame|noframes|(?:st1|o):[a-z0-9]+)\b[^>]*?>/ig, '');
+ str = str.replace(/(id|class|style|on(?:[a-z0-9]+)|Mso(?:[a-z0-9]+))="[^"]*"/ig, '');
+ str = str.replace(/(<\/?)div(\W)/g, '$1p$2');
+ return str;
+ };
+
+ // Convert YouTube links.
+ var convertYouTube = function(str) {
+ var regexp = /https?:\/\/(www\.youtube(?:-nocookie)?\.com\/(?:watch\?v=|v\/|embed\/)|youtu\.be\/)([a-zA-Z0-9_-]+)\S*/g;
+ var embed = '';
+ return String(str).replace(regexp, embed);
+ };
+
+ // Page load event handler.
+ $(function() {
+ $('.rx_simpleeditor').each(function() {
+
+ // Load editor info.
+ var editor = $(this);
+ var editor_sequence = editor.data('editor-sequence');
+ var content_key = editor.data('editor-content-key-name');
+ var primary_key = editor.data('editor-primary-key-name');
+ var insert_form = editor.closest('form');
+ var content_input = insert_form.find('input,textarea').filter('[name=' + content_key + ']');
+ var editor_height = editor.data('editor-height');
+ if (editor_height) {
+ editor.css('height', editor_height + 'px');
+ }
+
+ // Set editor sequence and other info to the form.
+ insert_form[0].setAttribute('editor_sequence', editor_sequence);
+ editorRelKeys[editor_sequence] = {};
+ editorRelKeys[editor_sequence].primary = insert_form.find("input[name='" + primary_key + "']");
+ editorRelKeys[editor_sequence].content = content_input;
+ editorRelKeys[editor_sequence].func = editorGetContent;
+
+ // Force as paragraph separator.
+ document.execCommand('defaultParagraphSeparator', false, 'p');
+
+ // Capture some simple keyboard shortcuts.
+ editor.on('keydown', function(event) {
+ if (!event.ctrlKey) {
+ return;
+ }
+ var char = String.fromCharCode(event.which).toLowerCase();
+ if (char === 'b') {
+ document.execCommand('bold');
+ event.preventDefault();
+ }
+ if (char === 'i') {
+ document.execCommand('italic');
+ event.preventDefault();
+ }
+ if (char === 'u') {
+ document.execCommand('underline');
+ event.preventDefault();
+ }
+ });
+
+ // Save cursor position on moseup & keyup.
+ editor.on('mouseup keyup', function() {
+ saveSelection();
+ });
+
+ // Clean up pasted content.
+ editor.on('paste', function(event) {
+ var clipboard_data = (event.clipboardData || window.clipboardData || event.originalEvent.clipboardData);
+ if (typeof clipboard_data !== 'undefined') {
+ var content = clipboard_data.getData('text/html');
+ if (content === '') {
+ content = clipboard_data.getData('text');
+ }
+ } else {
+ return;
+ }
+ content = convertYouTube(simplifyContent(content));
+ insertContent(editor, content);
+ event.preventDefault();
+ });
+
+ // Load existing content.
+ if (content_input.size()) {
+ editor.html(content_input.val());
+ }
+
+ // Copy edited content to the actual input element.
+ editor.on('input blur mouseup keyup', function() {
+ var content = simplifyContent(editor.html());
+ content_input.val(content);
+ });
+ });
+ });
+
+ // Simulate CKEditor for file upload integration.
+ window._getCkeInstance = function(editor_sequence) {
+ var instance = $('#simpleeditor_instance_' + editor_sequence);
+ return {
+ getData: function() {
+ return String(instance.html());
+ },
+ setData: function(content) {
+ instance.html(content);
+ },
+ insertHtml: function(content) {
+ insertContent(instance, content);
+ }
+ };
+ };
+
+})(jQuery);
diff --git a/modules/editor/skins/simpleeditor/skin.xml b/modules/editor/skins/simpleeditor/skin.xml
new file mode 100644
index 000000000..eca9dd0ad
--- /dev/null
+++ b/modules/editor/skins/simpleeditor/skin.xml
@@ -0,0 +1,15 @@
+
+
+ SimpleEditor
+ SimpleEditor
+ 1.0.0
+ 2020-07-07
+
+
+ Light
+
+
+ Dark
+
+
+
diff --git a/modules/editor/tpl/admin_index.html b/modules/editor/tpl/admin_index.html
index 75aa7e161..acc5bb6dd 100644
--- a/modules/editor/tpl/admin_index.html
+++ b/modules/editor/tpl/admin_index.html
@@ -33,41 +33,61 @@
{$lang->main_editor}
-
+
-
+
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+ {$lang->guide_editor_height}
+ px
+
+
+ {$lang->guide_editor_toolbar}
+
@@ -76,40 +96,59 @@
{$lang->comment_editor}
-
+
-
-
-
-
-
-
-
-
-
-
-
-
{$lang->pc} px
-
{$lang->mobile} px
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {$lang->guide_editor_height}
+ px
+
+
+ {$lang->guide_editor_toolbar}
+
@@ -120,10 +159,10 @@