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/image/images/alignicon.jpg ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/bg.png ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/icons.gif ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/icons.png ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/image.png ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/progress.png ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/success.gif ADDED Viewed

Binary file

package/ueditor-resource/dialogs/image/images/success.png ADDED Viewed

Binary file

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

@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <title></title>
+    <script type="text/javascript" src="../internal.js?32939b8e"></script>
+    <link rel="stylesheet" href="../../themes/default/dialog.css?5c5387b6">
+    <style type="text/css">
+        .warp {
+            width: 320px;
+            height: 200px;
+            margin-left: 5px;
+            padding: 20px 0 0 15px;
+            position: relative;
+        }
+        #url {
+            width: 290px;
+            margin-bottom: 2px;
+            margin-left: -6px;
+            margin-left: -2px \9;
+            *margin-left: 0;
+            _margin-left: 0;
+        }
+        .format span {
+            display: inline-block;
+            width: 58px;
+            text-align: left;
+            zoom: 1;
+        }
+        table td {
+            padding: 5px 0;
+        }
+        #align {
+            width: 65px;
+            height: 23px;
+            line-height: 22px;
+        }
+    </style>
+</head>
+<body>
+<div class="warp">
+    <table width="300" cellpadding="0" cellspacing="0">
+        <tr>
+            <td colspan="2" class="format">
+                <span><var id="lang_input_address"></var></span>
+                <input style="width:200px" id="url" type="text" value=""/>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2" class="format"><span><var id="lang_input_width"></var></span><input style="width:200px"
+                                                                                                type="text" id="width"/>
+                px
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2" class="format"><span><var id="lang_input_height"></var></span><input style="width:200px"
+                                                                                                 type="text"
+                                                                                                 id="height"/> px
+            </td>
+        </tr>
+        <tr>
+            <td><span><var id="lang_input_isScroll"></var></span><input type="checkbox" id="scroll"/></td>
+            <td><span><var id="lang_input_frameborder"></var></span><input type="checkbox" id="frameborder"/></td>
+        </tr>
+        <tr>
+            <td colspan="2"><span><var id="lang_input_alignMode"></var></span>
+                <select id="align">
+                    <option value=""></option>
+                    <option value="left"></option>
+                    <option value="right"></option>
+                </select>
+            </td>
+        </tr>
+    </table>
+</div>
+<script type="text/javascript">
+    var iframe = editor._iframe;
+    if (iframe) {
+        $G("url").value = iframe.getAttribute("src") || "";
+        $G("width").value = iframe.getAttribute("width") || iframe.style.width.replace("px", "") || "";
+        $G("height").value = iframe.getAttribute("height") || iframe.style.height.replace("px", "") || "";
+        $G("scroll").checked = (iframe.getAttribute("scrolling") == "yes") ? true : false;
+        $G("frameborder").checked = (iframe.getAttribute("frameborder") == "1") ? true : false;
+        $G("align").value = iframe.align ? iframe.align : "";
+    }
+    function queding() {
+        var url = $G("url").value.replace(/^\s*|\s*$/ig, ""),
+            width = $G("width").value,
+            height = $G("height").value,
+            scroll = $G("scroll"),
+            frameborder = $G("frameborder"),
+            float = $G("align").value,
+            newIframe = editor.document.createElement("iframe"),
+            div;
+        if (!url) {
+            alert(lang.enterAddress);
+            return false;
+        }
+        newIframe.setAttribute("src", /http:\/\/|https:\/\//ig.test(url) ? url : "http://" + url);
+        /^[1-9]+[.]?\d*$/g.test(width) ? newIframe.setAttribute("width", width) : "";
+        /^[1-9]+[.]?\d*$/g.test(height) ? newIframe.setAttribute("height", height) : "";
+        scroll.checked ? newIframe.setAttribute("scrolling", "yes") : newIframe.setAttribute("scrolling", "no");
+        frameborder.checked ? newIframe.setAttribute("frameborder", "1", 0) : newIframe.setAttribute("frameborder", "0", 0);
+        float ? newIframe.setAttribute("align", float) : newIframe.setAttribute("align", "");
+        if (iframe) {
+            iframe.parentNode.insertBefore(newIframe, iframe);
+            domUtils.remove(iframe);
+        } else {
+            div = editor.document.createElement("div");
+            div.appendChild(newIframe);
+            editor.execCommand("inserthtml", div.innerHTML);
+        }
+        editor._iframe = null;
+        dialog.close();
+    }
+    dialog.onok = queding;
+    $G("url").onkeydown = function (evt) {
+        evt = evt || event;
+        if (evt.keyCode == 13) {
+            queding();
+        }
+    };
+    $focus($G("url"));
+</script>
+</body>
+</html>

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

@@ -0,0 +1,81 @@
+(function () {
+    var parent = window.parent;
+    //dialog对象
+    dialog = parent.$EDITORUI[window.frameElement.id.replace(/_iframe$/, '')];
+    //当前打开dialog的编辑器实例
+    editor = dialog.editor;
+    UE = parent.UE;
+    domUtils = UE.dom.domUtils;
+    utils = UE.utils;
+    browser = UE.browser;
+    ajax = UE.ajax;
+    $G = function (id) {
+        return document.getElementById(id)
+    };
+    //focus元素
+    $focus = function (node) {
+        setTimeout(function () {
+            if (browser.ie) {
+                var r = node.createTextRange();
+                r.collapse(false);
+                r.select();
+            } else {
+                node.focus()
+            }
+        }, 0)
+    };
+    utils.loadFile(document, {
+        href: editor.options.themePath + editor.options.theme + "/dialogbase.css?cache=" + Math.random(),
+        tag: "link",
+        type: "text/css",
+        rel: "stylesheet"
+    });
+    lang = editor.getLang(dialog.className.split("-")[2]);
+    if (lang) {
+        domUtils.on(window, 'load', function () {
+            var langImgPath = editor.options.langPath + editor.options.lang + "/images/";
+            //针对静态资源
+            for (var i in lang["static"]) {
+                var dom = $G(i);
+                if (!dom) continue;
+                var tagName = dom.tagName,
+                    content = lang["static"][i];
+                if (content.src) {
+                    //clone
+                    content = utils.extend({}, content, false);
+                    content.src = langImgPath + content.src;
+                }
+                if (content.style) {
+                    content = utils.extend({}, content, false);
+                    content.style = content.style.replace(/url\s*\(/g, "url(" + langImgPath)
+                }
+                switch (tagName.toLowerCase()) {
+                    case "var":
+                        dom.parentNode.replaceChild(document.createTextNode(content), dom);
+                        break;
+                    case "select":
+                        var ops = dom.options;
+                        for (var j = 0, oj; oj = ops[j];) {
+                            oj.innerHTML = content.options[j++];
+                        }
+                        for (var p in content) {
+                            p != "options" && dom.setAttribute(p, content[p]);
+                        }
+                        break;
+                    default :
+                        domUtils.setAttributes(dom, content);
+                }
+            }
+        });
+    }
+})();

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

@@ -0,0 +1,148 @@
+<!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">
+        * {
+            margin: 0;
+            padding: 0;
+            color: #838383;
+        }
+        table {
+            font-size: 12px;
+            margin: 10px;
+            line-height: 36px;
+            width: 100%;
+        }
+        .txt {
+            box-sizing: border-box;
+            width: 90%;
+            height: 30px;
+            line-height: 30px;
+            border: 1px solid #d7d7d7;
+            border-radius: 3px;
+            padding: 0 5px;
+            outline: none;
+        }
+    </style>
+</head>
+<body>
+<div style="padding:10px;">
+    <table>
+        <tr>
+            <td><label for="text"> <var id="lang_input_text"></var></label></td>
+            <td><input class="txt" id="text" type="text" disabled="true"/></td>
+        </tr>
+        <tr>
+            <td><label for="href"> <var id="lang_input_url"></var></label></td>
+            <td><input class="txt" id="href" type="text"/></td>
+        </tr>
+        <tr>
+            <td><label for="title"> <var id="lang_input_title"></var></label></td>
+            <td><input class="txt" id="title" type="text"/></td>
+        </tr>
+        <tr>
+            <td colspan="2">
+                <label for="target"><var id="lang_input_target"></var></label>
+                <input id="target" type="checkbox"/>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2" id="msg"></td>
+        </tr>
+    </table>
+</div>
+<script type="text/javascript">
+    editor.setOpt('allowLinkProtocols', ['http:', 'https:', '#', '/', 'ftp:', 'mailto:', 'tel:']);
+    var allowLinkProtocols = editor.getOpt('allowLinkProtocols');
+    var range = editor.selection.getRange(),
+        link = range.collapsed ? editor.queryCommandValue("link") : editor.selection.getStart(),
+        url,
+        text = $G('text'),
+        rangeLink = domUtils.findParentByTagName(range.getCommonAncestor(), 'a', true),
+        orgText;
+    link = domUtils.findParentByTagName(link, "a", true);
+    if (link) {
+        url = utils.html(link.getAttribute('_href') || link.getAttribute('href', 2));
+        if (rangeLink === link && !link.getElementsByTagName('img').length) {
+            text.removeAttribute('disabled');
+            orgText = text.value = link[browser.ie ? 'innerText' : 'textContent'];
+        } else {
+            text.setAttribute('disabled', 'true');
+            text.value = lang.validLink;
+        }
+    } else {
+        if (range.collapsed) {
+            text.removeAttribute('disabled');
+            text.value = '';
+        } else {
+            text.setAttribute('disabled', 'true');
+            text.value = lang.validLink;
+        }
+    }
+    $G("title").value = url ? link.title : "";
+    $G("href").value = url ? url : '';
+    $G("target").checked = url && link.target == "_blank" ? true : false;
+    $focus($G("href"));
+    function handleDialogOk() {
+        var href = $G('href').value.replace(/^\s+|\s+$/g, '');
+        if (href) {
+            var obj = {
+                'href': href,
+                'target': $G("target").checked ? "_blank" : '_self',
+                'title': $G("title").value.replace(/^\s+|\s+$/g, ''),
+                '_href': href,
+            };
+            //修改链接内容的情况太特殊了，所以先做到这里了
+            //todo:情况多的时候，做到command里
+            if (orgText && text.value != orgText) {
+                link[browser.ie ? 'innerText' : 'textContent'] = obj.textValue = text.value;
+                range.selectNode(link).select()
+            }
+            if (range.collapsed) {
+                obj.textValue = text.value;
+            }
+            editor.execCommand('link', utils.clearEmptyAttrs(obj));
+            dialog.close();
+        }
+    }
+    dialog.onok = handleDialogOk;
+    $G('href').onkeydown = $G('title').onkeydown = function (evt) {
+        evt = evt || window.event;
+        if (evt.keyCode == 13) {
+            handleDialogOk();
+            return false;
+        }
+    };
+    $G('href').onblur = function () {
+    };
+    function hrefStartWith(href, arr) {
+        href = href.replace(/^\s+|\s+$/g, '');
+        for (var i = 0, ai; ai = arr[i++];) {
+            if (href.indexOf(ai) == 0) {
+                return true;
+            }
+        }
+        return false;
+    }
+</script>
+</body>
+</html>

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

@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<head>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <style>
+        html, body {
+            height: 100%;
+            width: 100%;
+            padding: 0;
+            margin: 0;
+        }
+        #preview {
+            width: 100%;
+            height: 100%;
+            padding: 0;
+            margin: 0;
+        }
+        #preview * {
+            font-family: sans-serif;
+            font-size: 16px;
+        }
+    </style>
+    <script type="text/javascript" src="../internal.js?32939b8e"></script>
+    <script src="../../ueditor.parse.js?8ec8e2ae"></script>
+    <title></title>
+</head>
+<body class="view">
+<div id="preview" style="margin:8px">
+</div>
+</body>
+<script>
+    document.getElementById('preview').innerHTML = editor.getContent();
+    uParse('#preview', {
+        rootPath: '../../',
+        chartContainerHeight: 500
+    })
+    dialog.oncancel = function () {
+        document.getElementById('preview').innerHTML = '';
+    }
+</script>
+</html>