vue-editify 0.0.46 → 0.0.48

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/examples/App.vue +3 -13
  2. package/lib/editify.es.js +377 -353
  3. package/lib/editify.umd.js +1 -1
  4. package/lib/style.css +1 -1
  5. package/package.json +2 -2
  6. package/src/Editify.vue +151 -143
  7. package/src/components/bussiness/Menu.vue +14 -14
  8. package/src/components/bussiness/Toolbar.vue +46 -48
  9. package/src/index.js +1 -1
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 => {