vue-editify 0.1.0 → 0.1.2
Sign up to get free protection for your applications and to get access to all the features.
- package/examples/App.vue +7 -2
- package/lib/editify.es.js +19 -11
- package/lib/editify.umd.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +2 -2
- package/src/Editify.vue +4 -3
- package/src/core/tool.js +8 -1
- package/src/index.js +1 -1
package/examples/App.vue
CHANGED
@@ -15,7 +15,7 @@
|
|
15
15
|
</p>
|
16
16
|
</div>
|
17
17
|
</div>
|
18
|
-
<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html :menu="menuConfig" ref="editify" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :show-word-length="true" :border="true" :disabled="disabled" @updateview="updateview" :customParseNoe="customParseNoe"></editify>
|
18
|
+
<editify v-model="value" placeholder="请输入正文内容..." allow-paste-html :menu="menuConfig" ref="editify" :paste-keep-marks="{ 'data-zip': ['span'] }" autofocus :show-word-length="true" :border="true" :disabled="disabled" @updateview="updateview" :customParseNoe="customParseNoe" :renderRules="renderRules"></editify>
|
19
19
|
</div>
|
20
20
|
</template>
|
21
21
|
<script>
|
@@ -79,7 +79,12 @@ export default {
|
|
79
79
|
}
|
80
80
|
},
|
81
81
|
btn: null,
|
82
|
-
disabled: false
|
82
|
+
disabled: false,
|
83
|
+
renderRules:[
|
84
|
+
el=>{
|
85
|
+
console.log(el);
|
86
|
+
}
|
87
|
+
]
|
83
88
|
}
|
84
89
|
},
|
85
90
|
mounted() {
|
package/lib/editify.es.js
CHANGED
@@ -2570,7 +2570,7 @@ const setRangeInVisible = function() {
|
|
2570
2570
|
const childRect = target.getBoundingClientRect();
|
2571
2571
|
const parentRect = root.getBoundingClientRect();
|
2572
2572
|
if (root.clientHeight < scrollHeight) {
|
2573
|
-
if (childRect.
|
2573
|
+
if (childRect.top < parentRect.top) {
|
2574
2574
|
await element$1.setScrollTop({
|
2575
2575
|
el: root,
|
2576
2576
|
number: 0
|
@@ -2581,7 +2581,7 @@ const setRangeInVisible = function() {
|
|
2581
2581
|
el: root,
|
2582
2582
|
number: tempChildRect.top - tempParentRect.top
|
2583
2583
|
});
|
2584
|
-
} else if (childRect.
|
2584
|
+
} else if (childRect.bottom > parentRect.bottom) {
|
2585
2585
|
await element$1.setScrollTop({
|
2586
2586
|
el: root,
|
2587
2587
|
number: 0
|
@@ -2595,7 +2595,7 @@ const setRangeInVisible = function() {
|
|
2595
2595
|
}
|
2596
2596
|
}
|
2597
2597
|
if (root.clientWidth < scrollWidth) {
|
2598
|
-
if (childRect.
|
2598
|
+
if (childRect.left < parentRect.left) {
|
2599
2599
|
await element$1.setScrollLeft({
|
2600
2600
|
el: root,
|
2601
2601
|
number: 0
|
@@ -2606,7 +2606,7 @@ const setRangeInVisible = function() {
|
|
2606
2606
|
el: root,
|
2607
2607
|
number: tempChildRect.left - tempParentRect.left + 20
|
2608
2608
|
});
|
2609
|
-
} else if (childRect.
|
2609
|
+
} else if (childRect.right > parentRect.right) {
|
2610
2610
|
await element$1.setScrollLeft({
|
2611
2611
|
el: root,
|
2612
2612
|
number: 0
|
@@ -14435,9 +14435,16 @@ const editorProps = {
|
|
14435
14435
|
default: null
|
14436
14436
|
},
|
14437
14437
|
//自定义node转元素时的处理
|
14438
|
-
|
14438
|
+
customParseNode: {
|
14439
14439
|
type: Function,
|
14440
14440
|
default: null
|
14441
|
+
},
|
14442
|
+
//自定义额外的渲染规范
|
14443
|
+
renderRules: {
|
14444
|
+
type: Array,
|
14445
|
+
default: function() {
|
14446
|
+
return [];
|
14447
|
+
}
|
14441
14448
|
}
|
14442
14449
|
};
|
14443
14450
|
const mergeObject = function(o1, o2) {
|
@@ -21324,7 +21331,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
|
|
21324
21331
|
], 14, _hoisted_1$1);
|
21325
21332
|
}
|
21326
21333
|
const Menu = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__scopeId", "data-v-25262a69"]]);
|
21327
|
-
const
|
21334
|
+
const Editify_vue_vue_type_style_index_0_scoped_8d0f0eb2_lang = "";
|
21328
21335
|
const _sfc_main = {
|
21329
21336
|
name: "editify",
|
21330
21337
|
props: { ...editorProps },
|
@@ -21595,7 +21602,8 @@ const _sfc_main = {
|
|
21595
21602
|
},
|
21596
21603
|
(el) => {
|
21597
21604
|
specialInblockHandle(this.editor, el);
|
21598
|
-
}
|
21605
|
+
},
|
21606
|
+
...this.renderRules
|
21599
21607
|
],
|
21600
21608
|
allowCopy: this.allowCopy,
|
21601
21609
|
allowPaste: this.allowPaste,
|
@@ -21772,8 +21780,8 @@ const _sfc_main = {
|
|
21772
21780
|
ele.marks = marks;
|
21773
21781
|
}
|
21774
21782
|
}
|
21775
|
-
if (typeof this.
|
21776
|
-
ele = this.
|
21783
|
+
if (typeof this.customParseNode == "function") {
|
21784
|
+
ele = this.customParseNode.apply(this, [ele]);
|
21777
21785
|
}
|
21778
21786
|
return ele;
|
21779
21787
|
},
|
@@ -22061,7 +22069,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
22061
22069
|
], 2)) : createCommentVNode("", true)
|
22062
22070
|
], 2);
|
22063
22071
|
}
|
22064
|
-
const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-
|
22072
|
+
const Editify = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-8d0f0eb2"]]);
|
22065
22073
|
const iconfont = "";
|
22066
22074
|
const en_US = {
|
22067
22075
|
textWrapUp: "Up feed",
|
@@ -22244,7 +22252,7 @@ const i18n = (locale) => {
|
|
22244
22252
|
return translations[locale][key];
|
22245
22253
|
};
|
22246
22254
|
};
|
22247
|
-
const version = "0.1.
|
22255
|
+
const version = "0.1.2";
|
22248
22256
|
const install = (app, props) => {
|
22249
22257
|
const locale = (props ? props.locale : "zh_CN") || "zh_CN";
|
22250
22258
|
app.provide("$editTrans", i18n(locale));
|