vue-editify 0.0.46 → 0.0.48

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.
package/examples/App.vue CHANGED
@@ -11,7 +11,7 @@ export default {
11
11
  name: 'App',
12
12
  data() {
13
13
  return {
14
- value: '<p><span><span>这是一个基于</span><img src="https://www.ling0523.cn/images/image_0_1702452766522.png" data-editify-element="5" style="width: auto;"><span> </span></span><span data-editify-code="true">Vue3 + alex-editor</span><span> 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><pre data-editify-element="61"><span class="editify-hljs-type">Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文3333333本编辑器Vue3</span><span> </span><span class="editify-hljs-operator">+</span><span> alex</span><span class="editify-hljs-operator">-</span><span>editor 构建的一套精美</span><span class="editify-hljs-type">UI样式的开箱即用的富文本编辑器箱即用的富文本编辑器</span></pre><p><br></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>Vue3 + alex-editor 构建的一套</span><span style="font-weight: bold;">精美UI样式</span><span>的</span><span style="font-weight: bold;">开箱即用</span><span>的</span><span style="color: rgb(236, 26, 10);">富文本编辑器</span></p><p><span>v</span></p><p><br></p>',
14
+ value: ``,
15
15
  menuConfig: {
16
16
  mode: 'inner',
17
17
  sequence: {
@@ -86,7 +86,7 @@ export default {
86
86
  }
87
87
  ],
88
88
  onOperate: function (name, val, instance) {
89
- console.log(name, val, instance)
89
+ this.insertHtml('<p>我是插入的HTML</p>', true, false)
90
90
  },
91
91
  default: () => h('span', {}, '自定义菜单')
92
92
  }
@@ -95,17 +95,7 @@ export default {
95
95
  btn: null
96
96
  }
97
97
  },
98
- mounted() {
99
- // setTimeout(() => {
100
- // this.value = '<p><br></p>'
101
- // }, 3000)
102
- setTimeout(() => {
103
- // const el = this.$refs.editify.editor.getElementByKey(4)
104
- // this.$refs.editify.editor.range.anchor.moveToStart(el)
105
- // this.$refs.editify.editor.range.focus.moveToStart(el)
106
- // this.$refs.editify.editor.rangeRender()
107
- }, 100)
108
- },
98
+ mounted() {},
109
99
  methods: {
110
100
  afterRender() {
111
101
  this.$refs.editify.$el.querySelectorAll('[data-zip]').forEach(el => {