富文本编辑器 wangeditor

作者：chrispy

<template><div><divid="editorElem"style="text-align:left"></div><buttonv-on:click="getContent">查看内容</button></div></template><script>importWangeditorfrom

<template>

  <div>

    <div id="editorElem" style="text-align:left"></div>

    <button v-on:click="getContent">查看内容</button>

  </div>

</template>



<script>

import Wangeditor from 'wangeditor'

export default {

  name: 'editor',

  data () {

    return {

      editorContent: ''

    }

  },

  methods: {

    getContent () {

      alert(this.editorContent)

    }

  },

  mounted () {

    setTimeout(() => {

        this.Editor.customConfig.onchange = (html) => {

          this.editorContent = html

        }

        this.Editor.create()

        this.Editor.txt.html(this.editorContent)

      }, 0)

  }

}

</script>



<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>

</style>

有用 | 无用

富文本编辑器 wangeditor

猜你喜欢

您可能感兴趣的文章: