@lingxiteam/lcdp-ueditor-react 1.0.0-alpha.2 → 1.0.0-alpha.21

package/ueditor-resource/dialogs/emotion/emotion.js

@@ -1,186 +1,186 @@
-window.onload = function () {
-    editor.setOpt({
-        emotionLocalization: false
-    });
-
-    emotion.SmileyPath = editor.options.emotionLocalization === true ? 'images/' : "http://img.baidu.com/hi/";
-    emotion.SmileyBox = createTabList(emotion.tabNum);
-    emotion.tabExist = createArr(emotion.tabNum);
-
-    initImgName();
-    initEvtHandler("tabHeads");
-};
-
-function initImgName() {
-    for (var pro in emotion.SmilmgName) {
-        var tempName = emotion.SmilmgName[pro],
-            tempBox = emotion.SmileyBox[pro],
-            tempStr = "";
-
-        if (tempBox.length) return;
-        for (var i = 1; i <= tempName[1]; i++) {
-            tempStr = tempName[0];
-            if (i < 10) tempStr = tempStr + '0';
-            tempStr = tempStr + i + '.gif';
-            tempBox.push(tempStr);
-        }
-    }
-}
-
-function initEvtHandler(conId) {
-    var tabHeads = $G(conId);
-    for (var i = 0, j = 0; i < tabHeads.childNodes.length; i++) {
-        var tabObj = tabHeads.childNodes[i];
-        if (tabObj.nodeType == 1) {
-            domUtils.on(tabObj, "click", (function (index) {
-                return function () {
-                    switchTab(index);
-                };
-            })(j));
-            j++;
-        }
-    }
-    switchTab(0);
-    $G("tabIconReview").style.display = 'none';
-}
-
-function InsertSmiley(url, evt) {
-    var obj = {
-        src: editor.options.emotionLocalization ? editor.options.UEDITOR_HOME_URL + "dialogs/emotion/" + url : url
-    };
-    obj._src = obj.src;
-    editor.execCommand('insertimage', obj);
-    if (!evt.ctrlKey) {
-        dialog.popup.hide();
-    }
-}
-
-function switchTab(index) {
-
-    autoHeight(index);
-    if (emotion.tabExist[index] == 0) {
-        emotion.tabExist[index] = 1;
-        createTab('tab' + index);
-    }
-    //获取呈现元素句柄数组
-    var tabHeads = $G("tabHeads").getElementsByTagName("span"),
-        tabBodys = $G("tabBodys").getElementsByTagName("div"),
-        i = 0, L = tabHeads.length;
-    //隐藏所有呈现元素
-    for (; i < L; i++) {
-        tabHeads[i].className = "";
-        tabBodys[i].style.display = "none";
-    }
-    //显示对应呈现元素
-    tabHeads[index].className = "focus";
-    tabBodys[index].style.display = "block";
-}
-
-function autoHeight(index) {
-    var iframe = dialog.getDom("iframe"),
-        parent = iframe.parentNode.parentNode;
-    switch (index) {
-        case 0:
-            iframe.style.height = "380px";
-            parent.style.height = "392px";
-            break;
-        case 1:
-            iframe.style.height = "220px";
-            parent.style.height = "232px";
-            break;
-        case 2:
-            iframe.style.height = "260px";
-            parent.style.height = "272px";
-            break;
-        case 3:
-            iframe.style.height = "300px";
-            parent.style.height = "312px";
-            break;
-        case 4:
-            iframe.style.height = "140px";
-            parent.style.height = "152px";
-            break;
-        case 5:
-            iframe.style.height = "260px";
-            parent.style.height = "272px";
-            break;
-        case 6:
-            iframe.style.height = "230px";
-            parent.style.height = "242px";
-            break;
-        default:
-
-    }
-}
-
-
-function createTab(tabName) {
-    var faceVersion = "?v=1.1", //版本号
-        tab = $G(tabName), //获取将要生成的Div句柄
-        imagePath = emotion.SmileyPath + emotion.imageFolders[tabName], //获取显示表情和预览表情的路径
-        positionLine = 11 / 2, //中间数
-        iWidth = iHeight = 35, //图片长宽
-        iColWidth = 3, //表格剩余空间的显示比例
-        tableCss = emotion.imageCss[tabName],
-        cssOffset = emotion.imageCssOffset[tabName],
-        textHTML = ['<table class="smileytable">'],
-        i = 0, imgNum = emotion.SmileyBox[tabName].length, imgColNum = 11, faceImage,
-        sUrl, realUrl, posflag, offset, infor;
-
-    for (; i < imgNum;) {
-        textHTML.push('<tr>');
-        for (var j = 0; j < imgColNum; j++, i++) {
-            faceImage = emotion.SmileyBox[tabName][i];
-            if (faceImage) {
-                sUrl = imagePath + faceImage + faceVersion;
-                realUrl = imagePath + faceImage;
-                posflag = j < positionLine ? 0 : 1;
-                offset = cssOffset * i * (-1) - 1;
-                infor = emotion.SmileyInfor[tabName][i];
-
-                textHTML.push('<td  class="' + tableCss + '"   border="1" width="' + iColWidth + '%" style="border-collapse:collapse;" align="center"  bgcolor="transparent" onclick="InsertSmiley(\'' + realUrl.replace(/'/g, "\\'") + '\',event)" onmouseover="over(this,\'' + sUrl + '\',\'' + posflag + '\')" onmouseout="out(this)">');
-                textHTML.push('<span>');
-                textHTML.push('<img  style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>');
-                textHTML.push('</span>');
-            } else {
-                textHTML.push('<td width="' + iColWidth + '%"   bgcolor="#FFFFFF">');
-            }
-            textHTML.push('</td>');
-        }
-        textHTML.push('</tr>');
-    }
-    textHTML.push('</table>');
-    textHTML = textHTML.join("");
-    tab.innerHTML = textHTML;
-}
-
-function over(td, srcPath, posFlag) {
-    td.style.backgroundColor = "#ACCD3C";
-    $G('faceReview').style.backgroundImage = "url(" + srcPath + ")";
-    if (posFlag == 1) $G("tabIconReview").className = "show";
-    $G("tabIconReview").style.display = 'block';
-}
-
-function out(td) {
-    td.style.backgroundColor = "transparent";
-    var tabIconRevew = $G("tabIconReview");
-    tabIconRevew.className = "";
-    tabIconRevew.style.display = 'none';
-}
-
-function createTabList(tabNum) {
-    var obj = {};
-    for (var i = 0; i < tabNum; i++) {
-        obj["tab" + i] = [];
-    }
-    return obj;
-}
-
-function createArr(tabNum) {
-    var arr = [];
-    for (var i = 0; i < tabNum; i++) {
-        arr[i] = 0;
-    }
-    return arr;
-}
-
+window.onload = function () {
+    editor.setOpt({
+        emotionLocalization: false
+    });
+
+    emotion.SmileyPath = editor.options.emotionLocalization === true ? 'images/' : "http://img.baidu.com/hi/";
+    emotion.SmileyBox = createTabList(emotion.tabNum);
+    emotion.tabExist = createArr(emotion.tabNum);
+
+    initImgName();
+    initEvtHandler("tabHeads");
+};
+
+function initImgName() {
+    for (var pro in emotion.SmilmgName) {
+        var tempName = emotion.SmilmgName[pro],
+            tempBox = emotion.SmileyBox[pro],
+            tempStr = "";
+
+        if (tempBox.length) return;
+        for (var i = 1; i <= tempName[1]; i++) {
+            tempStr = tempName[0];
+            if (i < 10) tempStr = tempStr + '0';
+            tempStr = tempStr + i + '.gif';
+            tempBox.push(tempStr);
+        }
+    }
+}
+
+function initEvtHandler(conId) {
+    var tabHeads = $G(conId);
+    for (var i = 0, j = 0; i < tabHeads.childNodes.length; i++) {
+        var tabObj = tabHeads.childNodes[i];
+        if (tabObj.nodeType == 1) {
+            domUtils.on(tabObj, "click", (function (index) {
+                return function () {
+                    switchTab(index);
+                };
+            })(j));
+            j++;
+        }
+    }
+    switchTab(0);
+    $G("tabIconReview").style.display = 'none';
+}
+
+function InsertSmiley(url, evt) {
+    var obj = {
+        src: editor.options.emotionLocalization ? editor.options.UEDITOR_HOME_URL + "dialogs/emotion/" + url : url
+    };
+    obj._src = obj.src;
+    editor.execCommand('insertimage', obj);
+    if (!evt.ctrlKey) {
+        dialog.popup.hide();
+    }
+}
+
+function switchTab(index) {
+
+    autoHeight(index);
+    if (emotion.tabExist[index] == 0) {
+        emotion.tabExist[index] = 1;
+        createTab('tab' + index);
+    }
+    //获取呈现元素句柄数组
+    var tabHeads = $G("tabHeads").getElementsByTagName("span"),
+        tabBodys = $G("tabBodys").getElementsByTagName("div"),
+        i = 0, L = tabHeads.length;
+    //隐藏所有呈现元素
+    for (; i < L; i++) {
+        tabHeads[i].className = "";
+        tabBodys[i].style.display = "none";
+    }
+    //显示对应呈现元素
+    tabHeads[index].className = "focus";
+    tabBodys[index].style.display = "block";
+}
+
+function autoHeight(index) {
+    var iframe = dialog.getDom("iframe"),
+        parent = iframe.parentNode.parentNode;
+    switch (index) {
+        case 0:
+            iframe.style.height = "380px";
+            parent.style.height = "392px";
+            break;
+        case 1:
+            iframe.style.height = "220px";
+            parent.style.height = "232px";
+            break;
+        case 2:
+            iframe.style.height = "260px";
+            parent.style.height = "272px";
+            break;
+        case 3:
+            iframe.style.height = "300px";
+            parent.style.height = "312px";
+            break;
+        case 4:
+            iframe.style.height = "140px";
+            parent.style.height = "152px";
+            break;
+        case 5:
+            iframe.style.height = "260px";
+            parent.style.height = "272px";
+            break;
+        case 6:
+            iframe.style.height = "230px";
+            parent.style.height = "242px";
+            break;
+        default:
+
+    }
+}
+
+
+function createTab(tabName) {
+    var faceVersion = "?v=1.1", //版本号
+        tab = $G(tabName), //获取将要生成的Div句柄
+        imagePath = emotion.SmileyPath + emotion.imageFolders[tabName], //获取显示表情和预览表情的路径
+        positionLine = 11 / 2, //中间数
+        iWidth = iHeight = 35, //图片长宽
+        iColWidth = 3, //表格剩余空间的显示比例
+        tableCss = emotion.imageCss[tabName],
+        cssOffset = emotion.imageCssOffset[tabName],
+        textHTML = ['<table class="smileytable">'],
+        i = 0, imgNum = emotion.SmileyBox[tabName].length, imgColNum = 11, faceImage,
+        sUrl, realUrl, posflag, offset, infor;
+
+    for (; i < imgNum;) {
+        textHTML.push('<tr>');
+        for (var j = 0; j < imgColNum; j++, i++) {
+            faceImage = emotion.SmileyBox[tabName][i];
+            if (faceImage) {
+                sUrl = imagePath + faceImage + faceVersion;
+                realUrl = imagePath + faceImage;
+                posflag = j < positionLine ? 0 : 1;
+                offset = cssOffset * i * (-1) - 1;
+                infor = emotion.SmileyInfor[tabName][i];
+
+                textHTML.push('<td  class="' + tableCss + '"   border="1" width="' + iColWidth + '%" style="border-collapse:collapse;" align="center"  bgcolor="transparent" onclick="InsertSmiley(\'' + realUrl.replace(/'/g, "\\'") + '\',event)" onmouseover="over(this,\'' + sUrl + '\',\'' + posflag + '\')" onmouseout="out(this)">');
+                textHTML.push('<span>');
+                textHTML.push('<img  style="background-position:left ' + offset + 'px;" title="' + infor + '" src="' + emotion.SmileyPath + (editor.options.emotionLocalization ? '0.gif" width="' : 'default/0.gif" width="') + iWidth + '" height="' + iHeight + '"></img>');
+                textHTML.push('</span>');
+            } else {
+                textHTML.push('<td width="' + iColWidth + '%"   bgcolor="#FFFFFF">');
+            }
+            textHTML.push('</td>');
+        }
+        textHTML.push('</tr>');
+    }
+    textHTML.push('</table>');
+    textHTML = textHTML.join("");
+    tab.innerHTML = textHTML;
+}
+
+function over(td, srcPath, posFlag) {
+    td.style.backgroundColor = "#ACCD3C";
+    $G('faceReview').style.backgroundImage = "url(" + srcPath + ")";
+    if (posFlag == 1) $G("tabIconReview").className = "show";
+    $G("tabIconReview").style.display = 'block';
+}
+
+function out(td) {
+    td.style.backgroundColor = "transparent";
+    var tabIconRevew = $G("tabIconReview");
+    tabIconRevew.className = "";
+    tabIconRevew.style.display = 'none';
+}
+
+function createTabList(tabNum) {
+    var obj = {};
+    for (var i = 0; i < tabNum; i++) {
+        obj["tab" + i] = [];
+    }
+    return obj;
+}
+
+function createArr(tabNum) {
+    var arr = [];
+    for (var i = 0; i < tabNum; i++) {
+        arr[i] = 0;
+    }
+    return arr;
+}
+

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

@@ -1,98 +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>
+<!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?aea0c61c"></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?064a9f9e"></script>
+<script type="text/javascript" src="../../third-party/clipboard/clipboard.js?555edf0a"></script>
+<script type="text/javascript" src="formula.js?8fdd0a42"></script>
+<script type="text/javascript">
+    utils.domReady(function () {
+        Formula.init();
+    });
+</script>
+</body>
+</html>