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/contentimport/contentimport.html ADDED Viewed

@@ -0,0 +1,176 @@
+<!DOCTYPE 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 {
+            width: 600px;
+            padding: 10px;
+            height: 352px;
+            overflow: hidden;
+            position: relative;
+            border-bottom: 1px solid #d7d7d7;
+        }
+        .wrapper .file-upload {
+            display: flex;
+            align-items: center;
+        }
+        .wrapper .file-upload .file-tip {
+            color: #999;
+            font-size: 12px;
+            padding-left: 10px;
+            flex-grow: 1;
+        }
+        .wrapper .file-manual {
+            background: #EEE;
+            padding: 10px;
+            border-radius: 5px;
+            margin-top: 10px;
+            line-height: 2;
+        }
+        .wrapper .file-manual .title {
+            font-weight: bold;
+            font-size: 120%;
+        }
+        .wrapper .file-manual .body {
+        }
+        .wrapper .file-manual .body li {
+            list-style: disc;
+            margin-left: 20px;
+        }
+        .wrapper .upload-button {
+            width: 100px;
+            height: 30px;
+            background-color: #F8F8F8;
+            border: 1px solid #EEE;
+            border-radius: 4px;
+            text-align: center;
+            line-height: 28px;
+            cursor: pointer;
+            position: relative;
+            flex-shrink: 0;
+            margin-right: 5px;
+        }
+        .wrapper .upload-button .text {
+            display: inline-block;
+            vertical-align: middle;
+        }
+        .wrapper .upload-button input {
+            position: absolute;
+            left: 0;
+            top: 0;
+            opacity: 0;
+            cursor: pointer;
+            height: 100%;
+            width: 100%;
+        }
+        .wrapper .file-result {
+            border: 1px solid #333;
+            padding: 10px;
+            border-radius: 5px;
+            position: absolute;
+            left: 10px;
+            right: 10px;
+            top: 50px;
+            background: #FFF;
+            bottom: 10px;
+            overflow: auto;
+            display: none;
+        }
+        .wrapper .file-input{
+            position: absolute;
+            left: 10px;
+            right: 10px;
+            top: 50px;
+            background: #EEE;
+            bottom: 10px;
+            border-radius: 5px;
+            display:none;
+        }
+        .wrapper .file-input textarea{
+            position: absolute;
+            left: 10px;
+            right: 10px;
+            bottom: 10px;
+            border: none;
+            resize: none;
+            border-radius: 5px;
+            padding: 5px;
+            outline: none;
+            top: 30px;
+        }
+        .wrapper .file-input .tool{
+            text-align: right;
+            padding: 5px 10px;
+        }
+        .wrapper .file-input .tool a{
+            display: inline-block;
+            text-decoration: none;
+            color: #333;
+            background: #FFF;
+            padding: 0 10px;
+            line-height: 20px;
+            border-radius: 3px;
+        }
+    </style>
+</head>
+<body>
+<div class="wrapper">
+    <div class="file-upload">
+        <div class="upload-button">
+            <div class="text">选择本地文件</div>
+            <input type="file" id="contentImport"/>
+        </div>
+        <div class="upload-button">
+            <div class="text" onclick="$('.file-input').show();">粘贴Markdown</div>
+        </div>
+        <div class="file-tip"></div>
+    </div>
+    <div class="file-manual">
+        <div class="title">
+            支持文档格式
+        </div>
+        <div class="body">
+            <ul>
+                <li><b>Word</b>：docx</li>
+                <li><b>Markdown</b>：md</li>
+            </ul>
+        </div>
+    </div>
+    <div class="file-result"></div>
+    <div class="file-input">
+        <textarea id="fileInputContent"></textarea>
+        <div class="tool">
+            <a href="javascript:;" id="fileInputConfirm">
+                确定
+            </a>
+            <a href="javascript:;" onclick="$(this).closest('.file-input').hide();">
+                关闭
+            </a>
+        </div>
+    </div>
+</div>
+<script src="../../third-party/jquery-3.5.1.js?89c36344"></script>
+<script src="https://cdn.bootcdn.net/ajax/libs/mammoth/1.6.0/mammoth.browser.min.js"></script>
+<script src="https://cdn.bootcdn.net/ajax/libs/showdown/2.1.0/showdown.min.js"></script>
+<script type="text/javascript" src="contentimport.js?34705cde"></script>
+<script type="text/javascript">
+    utils.domReady(function () {
+        var options = {};
+        var callbacks = {};
+        contentImport.init(options, callbacks);
+    });
+</script>
+</body>
+</html>

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

@@ -0,0 +1,91 @@
+var contentImport = {};
+var g = $G;
+contentImport.data = {
+    result: null,
+};
+contentImport.init = function (opt, callbacks) {
+    addUploadButtonListener();
+    addOkListener();
+};
+function processWord(file) {
+    $('.file-tip').html('正在转换Word文件，请稍后...');
+    $('.file-result').html('').hide();
+    var reader = new FileReader();
+    reader.onload = function (loadEvent) {
+        mammoth.convertToHtml({
+            arrayBuffer: loadEvent.target.result
+        })
+            .then(function displayResult(result) {
+                $('.file-tip').html('转换成功');
+                contentImport.data.result = result.value;
+                $('.file-result').html(result.value).show();
+            }, function (error) {
+                $('.file-tip').html('Word文件转换失败:' + error);
+            });
+    };
+    reader.onerror = function (loadEvent) {
+        $('.file-tip').html('Word文件转换失败:' + loadEvent);
+    };
+    reader.readAsArrayBuffer(file);
+}
+function processMarkdown( markdown ){
+    var converter = new showdown.Converter();
+    var html = converter.makeHtml(markdown);
+    $('.file-tip').html('转换成功');
+    contentImport.data.result = html;
+    $('.file-result').html(html).show();
+}
+function processMarkdownFile(file) {
+    $('.file-tip').html('正在转换Markdown文件，请稍后...');
+    $('.file-result').html('').hide();
+    var reader = new FileReader();
+    reader.onload = function (loadEvent) {
+        processMarkdown( loadEvent.target.result );
+    };
+    reader.onerror = function (loadEvent) {
+        $('.file-tip').html('Markdown文件转换失败:' + loadEvent);
+    };
+    reader.readAsText(file, "UTF-8");
+}
+function addUploadButtonListener() {
+    g('contentImport').addEventListener('change', function () {
+        const file = this.files[0];
+        const fileName = file.name;
+        const fileExt = fileName.substring(fileName.lastIndexOf('.') + 1).toLowerCase();
+        switch (fileExt) {
+            case 'docx':
+            case 'doc':
+                processWord(file);
+                break;
+            case 'md':
+                processMarkdownFile(file);
+                break;
+            default:
+                $('.file-tip').html('不支持的文件格式:' + fileExt);
+                break;
+        }
+    });
+    g('fileInputConfirm').addEventListener('click', function () {
+        processMarkdown( g('fileInputContent').value );
+        $('.file-input').hide();
+    });
+}
+function addOkListener() {
+    dialog.onok = function () {
+        if (!contentImport.data.result) {
+            alert('请先上传文件识别内容');
+            return false;
+        }
+        editor.fireEvent('saveScene');
+        editor.execCommand("inserthtml", contentImport.data.result);
+        editor.fireEvent('saveScene');
+    };
+    dialog.oncancel = function () {
+    };
+}

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

@@ -0,0 +1,129 @@
+.jd img {
+    background: transparent url(images/jxface2.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 35px;
+    height: 35px;
+    display: block;
+}
+.pp img {
+    background: transparent url(images/fface.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 25px;
+    height: 25px;
+    display: block;
+}
+.ldw img {
+    background: transparent url(images/wface.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 35px;
+    height: 35px;
+    display: block;
+}
+.tsj img {
+    background: transparent url(images/tface.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 35px;
+    height: 35px;
+    display: block;
+}
+.cat img {
+    background: transparent url(images/cface.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 35px;
+    height: 35px;
+    display: block;
+}
+.bb img {
+    background: transparent url(images/bface.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 35px;
+    height: 35px;
+    display: block;
+}
+.youa img {
+    background: transparent url(images/yface.gif?v=1.1) no-repeat scroll left top;
+    cursor: pointer;
+    width: 35px;
+    height: 35px;
+    display: block;
+}
+.smileytable td {
+    height: 37px;
+}
+#tabPanel {
+    margin-left: 5px;
+    overflow: hidden;
+}
+#tabContent {
+    float: left;
+    background: #FFFFFF;
+}
+#tabContent div {
+    display: none;
+    width: 480px;
+    overflow: hidden;
+}
+#tabIconReview.show {
+    left: 17px;
+    display: block;
+}
+.menuFocus {
+    background: #ACCD3C;
+}
+.menuDefault {
+    background: #FFFFFF;
+}
+#tabIconReview {
+    position: absolute;
+    left: 406px;
+    left: 398px \9;
+    top: 41px;
+    z-index: 65533;
+    width: 90px;
+    height: 76px;
+}
+img.review {
+    width: 90px;
+    height: 76px;
+    border: 2px solid #9cb945;
+    background: #FFFFFF;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+.wrapper .tabbody {
+    position: relative;
+    float: left;
+    clear: both;
+    padding: 10px;
+    width: 95%;
+}
+.tabbody table {
+    width: 100%;
+}
+.tabbody td {
+    border: 1px solid #BAC498;
+}
+.tabbody td span {
+    display: block;
+    zoom: 1;
+    padding: 0 4px;
+}

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

@@ -0,0 +1,70 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
+    <meta name="robots" content="noindex, nofollow"/>
+    <script type="text/javascript" src="../internal.js?32939b8e"></script>
+    <link rel="stylesheet" type="text/css" href="emotion.css?756c9678">
+</head>
+<body>
+<div id="tabPanel" class="wrapper">
+    <div id="tabHeads" class="tabhead">
+        <span><var id="lang_input_choice"></var></span>
+        <span><var id="lang_input_Tuzki"></var></span>
+        <span><var id="lang_input_lvdouwa"></var></span>
+        <span><var id="lang_input_BOBO"></var></span>
+        <span><var id="lang_input_babyCat"></var></span>
+        <span><var id="lang_input_bubble"></var></span>
+        <span><var id="lang_input_youa"></var></span>
+    </div>
+    <div id="tabBodys" class="tabbody">
+        <div id="tab0"></div>
+        <div id="tab1"></div>
+        <div id="tab2"></div>
+        <div id="tab3"></div>
+        <div id="tab4"></div>
+        <div id="tab5"></div>
+        <div id="tab6"></div>
+    </div>
+</div>
+<div id="tabIconReview">
+    <img id='faceReview' class='review' src="../../themes/default/images/spacer.gif"/>
+</div>
+<script type="text/javascript" src="emotion.js?8f5d7fd3"></script>
+<script type="text/javascript">
+    var emotion = {
+        tabNum: 7, //切换面板数量
+        SmilmgName: {
+            tab0: ['j_00', 84],
+            tab1: ['t_00', 40],
+            tab2: ['w_00', 52],
+            tab3: ['B_00', 63],
+            tab4: ['C_00', 20],
+            tab5: ['i_f', 50],
+            tab6: ['y_00', 40]
+        }, //图片前缀名
+        imageFolders: {
+            tab0: 'jx2/',
+            tab1: 'tsj/',
+            tab2: 'ldw/',
+            tab3: 'bobo/',
+            tab4: 'babycat/',
+            tab5: 'face/',
+            tab6: 'youa/'
+        }, //图片对应文件夹路径
+        imageCss: {tab0: 'jd', tab1: 'tsj', tab2: 'ldw', tab3: 'bb', tab4: 'cat', tab5: 'pp', tab6: 'youa'}, //图片css类名
+        imageCssOffset: {tab0: 35, tab1: 35, tab2: 35, tab3: 35, tab4: 35, tab5: 25, tab6: 35}, //图片偏移
+        SmileyInfor: {
+            tab0: ['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '打酱油', '俯卧撑', '气愤', '?', '吻', '怒', '胜利', 'HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '微笑', '亲吻', '调皮', '惊恐', '耍酷', '发火', '害羞', '汗水', '大哭', '', '加油', '困', '你NB', '晕倒', '开心', '偷笑', '大哭', '滴汗', '叹气', '超赞', '??', '飞吻', '天使', '撒花', '生气', '被砸', '吓傻', '随意吐'],
+            tab1: ['Kiss', 'Love', 'Yeah', '啊！', '背扭', '顶', '抖胸', '88', '汗', '瞌睡', '鲁拉', '拍砖', '揉脸', '生日快乐', '摊手', '睡觉', '瘫坐', '无聊', '星星闪', '旋转', '也不行', '郁闷', '正Music', '抓墙', '撞墙至死', '歪头', '戳眼', '飘过', '互相拍砖', '砍死你', '扔桌子', '少林寺', '什么？', '转头', '我爱牛奶', '我踢', '摇晃', '晕厥', '在笼子里', '震荡'],
+            tab2: ['大笑', '瀑布汗~', '惊讶', '臭美', '傻笑', '抛媚眼', '发怒', '我错了', 'money', '气愤', '挑逗', '吻', '怒', '胜利', '委屈', '受伤', '说啥呢？', '闭嘴', '不', '逗你玩儿', '飞吻', '眩晕', '魔法', '我来了', '睡了', '我打', '闭嘴', '打', '打晕了', '刷牙', '爆揍', '炸弹', '倒立', '刮胡子', '邪恶的笑', '不要不要', '爱恋中', '放大仔细看', '偷窥', '超高兴', '晕', '松口气', '我跑', '享受', '修养', '哭', '汗', '啊~', '热烈欢迎', '打酱油', '俯卧撑', '?'],
+            tab3: ['HI', 'KISS', '不说', '不要', '扯花', '大心', '顶', '大惊', '飞吻', '鬼脸', '害羞', '口水', '狂哭', '来', '泪眼', '流泪', '生气', '吐舌', '喜欢', '旋转', '再见', '抓狂', '汗', '鄙视', '拜', '吐血', '嘘', '打人', '蹦跳', '变脸', '扯肉', '吃To', '吃花', '吹泡泡糖', '大变身', '飞天舞', '回眸', '可怜', '猛抽', '泡泡', '苹果', '亲', '', '骚舞', '烧香', '睡', '套娃娃', '捅捅', '舞倒', '西红柿', '爱慕', '摇', '摇摆', '杂耍', '招财', '被殴', '被球闷', '大惊', '理想', '欧打', '呕吐', '碎', '吐痰'],
+            tab4: ['发财了', '吃西瓜', '套牢', '害羞', '庆祝', '我来了', '敲打', '晕了', '胜利', '臭美', '被打了', '贪吃', '迎接', '酷', '顶', '幸运', '爱心', '躲', '送花', '选择'],
+            tab5: ['微笑', '亲吻', '调皮', '惊讶', '耍酷', '发火', '害羞', '汗水', '大哭', '得意', '鄙视', '困', '夸奖', '晕倒', '疑问', '媒婆', '狂吐', '青蛙', '发愁', '亲吻', '', '爱心', '心碎', '玫瑰', '礼物', '哭', '奸笑', '可爱', '得意', '呲牙', '暴汗', '楚楚可怜', '困', '哭', '生气', '惊讶', '口水', '彩虹', '夜空', '太阳', '钱钱', '灯泡', '咖啡', '蛋糕', '音乐', '爱', '胜利', '赞', '鄙视', 'OK'],
+            tab6: ['男兜', '女兜', '开心', '乖乖', '偷笑', '大笑', '抽泣', '大哭', '无奈', '滴汗', '叹气', '狂晕', '委屈', '超赞', '??', '疑问', '飞吻', '天使', '撒花', '生气', '被砸', '口水', '泪奔', '吓傻', '吐舌头', '点头', '随意吐', '旋转', '困困', '鄙视', '狂顶', '篮球', '再见', '欢迎光临', '恭喜发财', '稍等', '我在线', '恕不议价', '库房有货', '货在路上']
+        }
+    };
+</script>
+</body>
+</html>

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

@@ -0,0 +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;
+}