npm - @lingxiteam/lcdp-ueditor-react - Versions diffs - 1.0.0-alpha.1 - Mend

@lingxiteam/lcdp-ueditor-react 1.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (272) hide show

package/ueditor-resource/dialogs/formula/formula.html ADDED Viewed

@@ -0,0 +1,98 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js?32939b8e"></script>
+    <style type="text/css">
+        .wrapper {
+            box-sizing: border-box;
+            width: 800px;
+            height: 390px;
+            overflow: hidden;
+            position: relative;
+            border-bottom: 1px solid #d7d7d7
+        }
+        .editor-wrap {
+            display: flex;
+            margin: 10px;
+        }
+        .editor-wrap #editor {
+            width: 0;
+            flex-grow: 1;
+            border: 1px solid #CCC;
+            border-radius: 3px;
+            padding: 5px;
+            height: 100px;
+            outline: none;
+        }
+        .input-tip {
+            margin: 10px;
+        }
+        .input-tip a {
+            color: #0f0d0d;
+        }
+        .editor-preview {
+            background: #FFF;
+            border-radius: 3px;
+            border: 1px solid #EEE;
+            display: none;
+            margin: 10px;
+        }
+        .editor-preview .title {
+            padding: 5px;
+        }
+        .editor-preview .body {
+            padding: 5px 5px 15px 5px;
+            text-align: center;
+        }
+        .editor-preview .body .image {
+            max-width: 100%;
+            max-height: 100px;
+        }
+    </style>
+</head>
+<body>
+<div class="wrapper">
+    <div id="modeLive" style="display:none;">
+        <iframe id="liveEditor"
+                frameborder="0"
+                style="width:800px;height:390px;border: 0;outline: none;"
+        ></iframe>
+    </div>
+    <div id="modePlain" style="display:none;">
+        <div class="editor-wrap">
+            <textarea id="editor"></textarea>
+        </div>
+        <div class="input-tip">
+            基于 latex 语法，<a href="javascript:;" id="inputDemo">点击输入示例</a>。
+        </div>
+        <div class="editor-preview" id="preview">
+            <div class="title">预览</div>
+            <div class="body">
+                <img class="image" id="previewImage"/>
+            </div>
+        </div>
+    </div>
+</div>
+<script src="../../third-party/jquery-3.5.1.js?89c36344"></script>
+<script type="text/javascript" src="../../third-party/clipboard/clipboard.js?7af7cd91"></script>
+<script type="text/javascript" src="formula.js?7f236295"></script>
+<script type="text/javascript">
+    utils.domReady(function () {
+        Formula.init();
+    });
+</script>
+</body>
+</html>

package/ueditor-resource/dialogs/formula/formula.js ADDED Viewed

@@ -0,0 +1,147 @@
+function preg_quote(str, delimiter) {
+    // Quote regular expression characters plus an optional character
+    //
+    // version: 1107.2516
+    // discuss at: http://phpjs.org/functions/preg_quote
+    // +   original by: booeyOH
+    // +   improved by: Ates Goral (http://magnetiq.com)
+    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
+    // +   bugfixed by: Onno Marsman
+    // +   improved by: Brett Zamir (http://brett-zamir.me)
+    // *     example 1: preg_quote("$40");
+    // *     returns 1: '\$40'
+    // *     example 2: preg_quote("*RRRING* Hello?");
+    // *     returns 2: '\*RRRING\* Hello\?'
+    // *     example 3: preg_quote("\\.+*?[^]$(){}=!<>|:");
+    // *     returns 3: '\\\.\+\*\?\[\^\]\$\(\)\{\}\=\!\<\>\|\:'
+    return (str + '').replace(new RegExp('[.\\\\+*?\\[\\^\\]$(){}=!<>|:\\' + (delimiter || '') + '-]', 'g'), '\\$&');
+}
+function loadScript(url, cb) {
+    var script;
+    script = document.createElement('script');
+    script.src = url;
+    script.onload = function () {
+        cb && cb({isNew: true})
+    };
+    document.getElementsByTagName('head')[0].appendChild(script);
+}
+var Formula = {
+    mode: 'plain',
+    latexeasy: null,
+    init: function () {
+        // console.log('Formula.init')
+        Formula.initMode();
+        Formula.initEvent();
+        Formula.initSubmit();
+    },
+    renderPlain: function () {
+        var $preview = $('#preview');
+        var value = $('#editor').val();
+        if (!value) {
+            $preview.hide();
+            return;
+        }
+        value = encodeURIComponent(value);
+        var formulaConfig = editor.getOpt('formulaConfig');
+        var src = formulaConfig.imageUrlTemplate.replace(/\{\}/, value);
+        $('#previewImage').attr('src', src);
+        $preview.show();
+    },
+    setValuePlain: function (value) {
+        $('#editor').val(value);
+        Formula.renderPlain();
+    },
+    setValueLive: function (value) {
+        if (!Formula.latexeasy) {
+            setTimeout(function () {
+                Formula.setValueLive(value);
+            }, 100);
+            return;
+        }
+        Formula.latexeasy.call('set.latex', {latex: value});
+    },
+    initMode: function () {
+        var formulaConfig = editor.getOpt('formulaConfig');
+        if ('live' === formulaConfig.editorMode) {
+            $('#liveEditor').attr('src', formulaConfig.editorLiveServer + '/editor');
+            $('#modeLive').show();
+            Formula.mode = 'live';
+        } else {
+            $('#modePlain').show();
+            Formula.mode = 'plain';
+        }
+        var img = editor.selection.getRange().getClosedNode();
+        if (img && img.getAttribute('data-formula-image') !== null) {
+            var value = img.getAttribute('data-formula-image');
+            if (value) {
+                Formula.setValue(decodeURIComponent(value));
+            }
+        }
+    },
+    setValue: function (value) {
+        switch (Formula.mode) {
+            case 'plain':
+                Formula.setValuePlain(value);
+                break;
+            case 'live':
+                Formula.setValueLive(value);
+                break;
+        }
+    },
+    getValue: function (cb) {
+        switch (Formula.mode) {
+            case 'plain':
+                cb($.trim($('#editor').val()));
+                break;
+            case 'live':
+                Formula.latexeasy.call('get.latex', {}, function (data) {
+                    cb(data.latex);
+                });
+                break;
+        }
+    },
+    initEvent: function () {
+        var changeTimer = null, le;
+        switch (Formula.mode) {
+            case 'plain':
+                // console.log('Formula.initEvent');
+                $('#editor').on('change keypress', function () {
+                    changeTimer && clearTimeout(changeTimer);
+                    changeTimer = setTimeout(function () {
+                        Formula.renderPlain();
+                    }, 1000);
+                });
+                $('#inputDemo').on('click', function () {
+                    $('#editor').val('f(a) = \\frac{1}{2\\pi i} \\oint\\frac{f(z)}{z-a}dz');
+                    Formula.renderPlain();
+                });
+                break;
+            case 'live':
+                var formulaConfig = editor.getOpt('formulaConfig');
+                loadScript(formulaConfig.editorLiveServer + '/vendor/LatexEasyEditor/editor/sdk.js', function () {
+                    le = new window.LatexEasy(document.getElementById('liveEditor'));
+                    le.on('ready', function () {
+                        Formula.latexeasy = le;
+                    });
+                    le.init();
+                });
+                break;
+        }
+    },
+    initSubmit: function () {
+        dialog.onclose = function (t, ok) {
+            if (!ok) {
+                return true;
+            }
+            // console.log('onclose', t, ok);
+            Formula.getValue(function (value) {
+                editor.execCommand('formula', value);
+                editor.fireEvent('saveScene');
+                dialog.close(false);
+            });
+            return false;
+        };
+    }
+};

package/ueditor-resource/dialogs/help/help.css ADDED Viewed

@@ -0,0 +1,37 @@
+.wrapper {
+    width: 370px;
+    margin: 10px auto;
+    zoom: 1;
+}
+.tabbody {
+    height: 360px;
+}
+.tabbody .panel {
+    width: 100%;
+    height: 360px;
+    position: absolute;
+    background: #fff;
+}
+.tabbody .panel h1 {
+    font-size: 26px;
+    margin: 5px 0 0 5px;
+}
+.tabbody .panel p {
+    font-size: 12px;
+    margin: 5px 0 0 5px;
+}
+.tabbody table {
+    width: 90%;
+    line-height: 20px;
+    margin: 5px 0 0 5px;;
+}
+.tabbody table thead {
+    font-weight: bold;
+    line-height: 25px;
+}

package/ueditor-resource/dialogs/help/help.html ADDED Viewed

@@ -0,0 +1,82 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <title>帮助</title>
+    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
+    <script type="text/javascript" src="../internal.js?32939b8e"></script>
+    <link rel="stylesheet" type="text/css" href="help.css?cdd0e4a3">
+</head>
+<body>
+<div class="wrapper" id="helptab">
+    <div id="tabHeads" class="tabhead">
+        <span class="focus" tabsrc="about"><var id="lang_input_about"></var></span>
+        <span tabsrc="shortcuts"><var id="lang_input_shortcuts"></var></span>
+    </div>
+    <div id="tabBodys" class="tabbody">
+        <div id="about" class="panel">
+            <h1>UEditor Plus</h1>
+            <p id="version"></p>
+            <p><var id="lang_input_introduction"></var></p>
+        </div>
+        <div id="shortcuts" class="panel">
+            <table>
+                <thead>
+                <tr>
+                    <td><var id="lang_Txt_shortcuts"></var></td>
+                    <td><var id="lang_Txt_func"></var></td>
+                </tr>
+                </thead>
+                <tbody>
+                <tr>
+                    <td>ctrl+b</td>
+                    <td><var id="lang_Txt_bold"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+c</td>
+                    <td><var id="lang_Txt_copy"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+x</td>
+                    <td><var id="lang_Txt_cut"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+v</td>
+                    <td><var id="lang_Txt_Paste"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+y</td>
+                    <td><var id="lang_Txt_undo"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+z</td>
+                    <td><var id="lang_Txt_redo"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+i</td>
+                    <td><var id="lang_Txt_italic"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+u</td>
+                    <td><var id="lang_Txt_underline"></var></td>
+                </tr>
+                <tr>
+                    <td>ctrl+a</td>
+                    <td><var id="lang_Txt_selectAll"></var></td>
+                </tr>
+                <tr>
+                    <td>shift+enter</td>
+                    <td><var id="lang_Txt_visualEnter"></var></td>
+                </tr>
+                <tr>
+                    <td>alt+z</td>
+                    <td><var id="lang_Txt_fullscreen"></var></td>
+                </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+</div>
+<script type="text/javascript" src="help.js?ee3b2ef3"></script>
+</body>
+</html>

package/ueditor-resource/dialogs/help/help.js ADDED Viewed

@@ -0,0 +1,57 @@
+/**
+ * Created with JetBrains PhpStorm.
+ * User: xuheng
+ * Date: 12-9-26
+ * Time: 下午1:06
+ * To change this template use File | Settings | File Templates.
+ */
+/**
+ * tab点击处理事件
+ * @param tabHeads
+ * @param tabBodys
+ * @param obj
+ */
+function clickHandler(tabHeads, tabBodys, obj) {
+    //head样式更改
+    for (var k = 0, len = tabHeads.length; k < len; k++) {
+        tabHeads[k].className = "";
+    }
+    obj.className = "focus";
+    //body显隐
+    var tabSrc = obj.getAttribute("tabSrc");
+    for (var j = 0, length = tabBodys.length; j < length; j++) {
+        var body = tabBodys[j],
+            id = body.getAttribute("id");
+        body.onclick = function () {
+            this.style.zoom = 1;
+        };
+        if (id != tabSrc) {
+            body.style.zIndex = 1;
+        } else {
+            body.style.zIndex = 200;
+        }
+    }
+}
+/**
+ * TAB切换
+ * @param tabParentId  tab的父节点ID或者对象本身
+ */
+function switchTab(tabParentId) {
+    var tabElements = $G(tabParentId).children,
+        tabHeads = tabElements[0].children,
+        tabBodys = tabElements[1].children;
+    for (var i = 0, length = tabHeads.length; i < length; i++) {
+        var head = tabHeads[i];
+        if (head.className === "focus") clickHandler(tabHeads, tabBodys, head);
+        head.onclick = function () {
+            clickHandler(tabHeads, tabBodys, this);
+        }
+    }
+}
+switchTab("helptab");
+document.getElementById('version').innerHTML = parent.UE.version;