VUE

基于Vue.js的富文本编辑器tiptap

VUE 表单 HTML我帮您 18天前  次浏览

tiptap是Vue.js的无渲染和可扩展的富文本编辑器。使用无渲染组件,几乎完全控制标记和样式,您可以将数据保存为原始HTML字符串,也可以获取文档的JSON可序列化表示形式。当然,您可以将这两种类型传递回编辑器。

<template>
  <editor-content :editor="editor" />
</template>

<script>
// Import the editor
import { Editor, EditorContent } from 'tiptap'

export default {
  components: {
    EditorContent,
  },
  data() {
    return {
      editor: null,
    }
  },
  mounted() {
    this.editor = new Editor({
      content: '<p>This is just a boring paragraph</p>',
    })
  },
  beforeDestroy() {
    this.editor.destroy()
  },
}
</script>



相关链接

发表评论