@jx3box/jx3box-editor 0.9.8 → 0.9.9

package/assets/css/markdown.less

@@ -13,6 +13,9 @@
 
 .c-markdown{
     .h(780px);
+    .v-note-wrapper{
+        .h(780px);
+    }
 }
 
 .c-markdown-toolbar-item {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jx3box/jx3box-editor",
-    "version": "0.9.8",
+    "version": "0.9.9",
     "description": "JX3BOX Article & Editor",
     "main": "index.js",
     "scripts": {

package/src/Markdown.vue

@@ -4,13 +4,13 @@
         <slot name="prepend"></slot>
 
         <div class="c-editor-header">
-            <Upload v-if="attachmentEnable" @insert="insertAttachments" :enable="false" />
+            <Upload v-if="attachmentEnable" @insert="insertAttachments" :enable="true" />
             <Resource v-if="resourceEnable" @insert="insertResource" :enable="false" />
         </div>
 
         <slot></slot>
 
-        <mavon-editor class="c-markdown" ref="md" v-model="data" :editable="editable" :navigation="false" @change="updateData" :subfield="false" :readOnly="false">
+        <mavon-editor class="c-markdown" ref="md" v-model="data" :editable="editable" :navigation="false" @change="updateData" :subfield="false" :readOnly="readOnly">
             <template slot="left-toolbar-after">
                 <span class="c-markdown-toolbar-image c-markdown-toolbar-item" title="上传图片" @click="selectImages"><i class="el-icon-picture-outline-round"></i></span>
                 <span class="c-markdown-toolbar-file c-markdown-toolbar-item" title="上传附件" @click="selectFiles"><i class="el-icon-paperclip"></i></span>
@@ -45,6 +45,10 @@ export default {
             type: Boolean,
             default: true,
         },
+        readOnly : {
+            type : Boolean,
+            default : false,
+        }
     },
     components: {
         Upload,
@@ -165,8 +169,24 @@ export default {
         },
         // 插入附件
         insertAttachments: function(data) {
-            // TODO:
-            // tinyMCE.editors["tinymce"].insertContent(data.html);
+            let list = data?.list || []
+            for(let item of list){
+                // 插入图片
+                if (item.is_img) {
+                    this.$md.insertText(this.$md.getTextareaDom(), {
+                        prefix: `![${item.name}](${item.url})`,
+                        subfix: "",
+                        str: "",
+                    });
+                // 插入文字链接
+                } else {
+                    this.$md.insertText(this.$md.getTextareaDom(), {
+                        prefix: `[${item.name}](${item.url})`,
+                        subfix: "",
+                        str: "",
+                    });
+                }
+            }
         },
         insertResource: function(data) {
             // TODO: