npm - ueditor-plus-assets - Versions diffs - 0.1.0 → 0.1.2 - Mend

ueditor-plus-assets 0.1.0 → 0.1.2

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 (239) hide show

package/dist/UEditorPlus/dialogs/contentimport/contentimport.html ADDED Viewed

@@ -0,0 +1,177 @@
+<!DOCTYPE html>
+<head>
+    <title></title>
+    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
+    <script type="text/javascript" src="../internal.js?{timestamp}"></script>
+    <style type="text/css">
+        .wrapper {
+            width: 620px;
+            padding: 10px;
+            height: 399px;
+            box-sizing: border-box;
+            overflow: hidden;
+            position: relative;
+            border-bottom: 1px solid #F2F2F2;
+        }
+        .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"><var id="lang_select_local_file"></var></div>
+            <input type="file" id="contentImport"/>
+        </div>
+        <div class="upload-button">
+            <div class="text" onclick="$('.file-input').show();"><var id="lang_paste_markdown"></var></div>
+        </div>
+        <div class="file-tip"></div>
+    </div>
+    <div class="file-manual">
+        <div class="title">
+            <var id="lang_supported_formats"></var>
+        </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">
+                <var id="lang_confirm"></var>
+            </a>
+            <a href="javascript:;" onclick="$(this).closest('.file-input').hide();">
+                <var id="lang_close"></var>
+            </a>
+        </div>
+    </div>
+</div>
+<script src="../../third-party/jquery-1.10.2.js?{timestamp}"></script>
+<script src="mammoth.browser.min.js?{timestamp}"></script>
+<script src="showdown.min.js?{timestamp}"></script>
+<script type="text/javascript" src="contentimport.js?{timestamp}"></script>
+<script type="text/javascript">
+    utils.domReady(function () {
+        var options = {};
+        var callbacks = {};
+        contentImport.init(options, callbacks);
+    });
+</script>
+</body>
+</html>

package/dist/UEditorPlus/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(lang.wordConverting);
+    $('.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(lang.convertSuccess);
+                contentImport.data.result = result.value;
+                $('.file-result').html(result.value).show();
+            }, function (error) {
+                $('.file-tip').html(lang.wordConvertFail + error);
+            });
+    };
+    reader.onerror = function (loadEvent) {
+        $('.file-tip').html(lang.wordConvertFail + loadEvent);
+    };
+    reader.readAsArrayBuffer(file);
+}
+function processMarkdown( markdown ){
+    var converter = new showdown.Converter();
+    var html = converter.makeHtml(markdown);
+    $('.file-tip').html(lang.convertSuccess);
+    contentImport.data.result = html;
+    $('.file-result').html(html).show();
+}
+function processMarkdownFile(file) {
+    $('.file-tip').html(lang.markdownConverting);
+    $('.file-result').html('').hide();
+    var reader = new FileReader();
+    reader.onload = function (loadEvent) {
+        processMarkdown( loadEvent.target.result );
+    };
+    reader.onerror = function (loadEvent) {
+        $('.file-tip').html(lang.markdownConvertFail + loadEvent);
+    };
+    reader.readAsText(file, "UTF-8");
+}
+function addUploadButtonListener() {
+    g('contentImport').addEventListener('change', function () {
+        var file = this.files[0];
+        var fileName = file.name;
+        var 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(lang.unsupportedFormat + fileExt);
+                break;
+        }
+    });
+    g('fileInputConfirm').addEventListener('click', function () {
+        processMarkdown( g('fileInputContent').value );
+        $('.file-input').hide();
+    });
+}
+function addOkListener() {
+    dialog.onok = function () {
+        if (!contentImport.data.result) {
+            alert(lang.pleaseUploadFirst);
+            return false;
+        }
+        editor.fireEvent('saveScene');
+        editor.execCommand("inserthtml", contentImport.data.result);
+        editor.fireEvent('saveScene');
+    };
+    dialog.oncancel = function () {
+    };
+}