vue-editify 0.0.37 → 0.0.39

package/examples/App.vue

@@ -1,6 +1,6 @@
 <template>
 	<div style="padding: 100px 50px 50px 50px">
-		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html border @change="change" :menu="menuConfig" ref="editify" height="400px" @after-render="afterRender" :paste-keep-marks="{ 'data-zip': ['span'] }" :custom-parse-node="parseNode"></editify>
+		<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html border @change="change" :menu="menuConfig" ref="editify" height="400px" @after-render="afterRender" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :custom-parse-node="parseNode" show-word-length></editify>
 	</div>
 </template>
 <script>
@@ -11,9 +11,9 @@ export default {
 	name: 'App',
 	data() {
 		return {
-			value: '<p><span>这是一个基于 </span><code>Vue3 + alex-editor</code><span> 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: #ec1a0a;">富文本编辑器</span></p>',
+			value: '<p><span>这是一个基于<img src="https://www.ling0523.cn/images/image_0_1701164609409.jpg"/> </span><code>Vue3 + alex-editor</code><span> 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: #ec1a0a;">富文本编辑器</span></p>',
 			menuConfig: {
-				//mode: 'inner',
+				mode: 'inner',
 				sequence: {
 					alert: 100,
 					zip: 101
@@ -99,6 +99,12 @@ export default {
 		// setTimeout(() => {
 		// 	this.value = '<p><br></p>'
 		// }, 3000)
+		setTimeout(() => {
+			const el = this.$refs.editify.editor.getElementByKey(4)
+			this.$refs.editify.editor.range.anchor.moveToStart(el)
+			this.$refs.editify.editor.range.focus.moveToStart(el)
+			this.$refs.editify.editor.rangeRender()
+		}, 100)
 	},
 	methods: {
 		afterRender() {
@@ -119,10 +125,10 @@ export default {
 			return ele
 		},
 		change() {
-			console.log(this.$refs.editify.textValue)
+			//console.log(this.$refs.editify.textValue)
 		},
 		operate(name, val) {
-			console.log('触发operate事件', name, val)
+			//console.log('触发operate事件', name, val)
 		}
 	}
 }

package/lib/editify.es.js

@@ -3865,11 +3865,12 @@ class AlexEditor {
             const index = elements.findIndex((item) => {
               return this.range.anchor.element.isEqual(item);
             });
+            const offset = this.range.anchor.offset;
             this.range.focus.moveToEnd(block);
             this.delete();
             const newElements = AlexElement.flatElements(newBlock.children);
             this.range.focus.element = newElements[index];
-            this.range.focus.offset = this.range.anchor.offset;
+            this.range.focus.offset = offset;
             this.range.anchor.moveToStart(newBlock);
             this.delete();
             this.emit("insertParagraph", newBlock, block);
@@ -15413,6 +15414,13 @@ const editorProps = {
   pasteKeepStyles: {
     type: Object,
     default: null
+  },
+  //自定义渲染规则
+  renderRules: {
+    type: Array,
+    default: function() {
+      return [];
+    }
   }
 };
 const getColNumbers = (row) => {
@@ -19980,7 +19988,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   ]);
 }
 const InsertTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__scopeId", "data-v-227ede65"]]);
-const Menu_vue_vue_type_style_index_0_scoped_42f60b43_lang = "";
+const Menu_vue_vue_type_style_index_0_scoped_a3e32a29_lang = "";
 const _sfc_main$1 = {
   name: "Menu",
   props: {
@@ -21198,8 +21206,8 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     }), 256))
   ], 14, _hoisted_1$1);
 }
-const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-42f60b43"]]);
-const Editify_vue_vue_type_style_index_0_scoped_8415c1dc_lang = "";
+const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-a3e32a29"]]);
+const Editify_vue_vue_type_style_index_0_scoped_2702e06f_lang = "";
 const _sfc_main = {
   name: "editify",
   props: { ...editorProps },
@@ -21330,7 +21338,8 @@ const _sfc_main = {
           (el) => {
             var _a, _b, _c, _d, _e, _f;
             preHandle.apply(this.editor, [el, ((_a = this.toolbarConfig) == null ? void 0 : _a.use) && ((_d = (_c = (_b = this.toolbarConfig) == null ? void 0 : _b.codeBlock) == null ? void 0 : _c.languages) == null ? void 0 : _d.show), (_f = (_e = this.toolbarConfig) == null ? void 0 : _e.codeBlock) == null ? void 0 : _f.languages.options]);
-          }
+          },
+          ...this.renderRules
         ],
         allowCopy: this.allowCopy,
         allowPaste: this.allowPaste,
@@ -22816,7 +22825,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ])) : createCommentVNode("", true)
   ]);
 }
-const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8415c1dc"]]);
+const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-2702e06f"]]);
 const iconfont = "";
 const en_US = {
   textWrapUp: "Up feed",
@@ -22995,7 +23004,7 @@ const i18n = (locale) => {
     return translations[locale][key];
   };
 };
-const version = "0.0.37";
+const version = "0.0.39";
 const install = (app, props) => {
   const locale = (props ? props.locale : "zh_CN") || "zh_CN";
   app.provide("$editTrans", i18n(locale));