如何制作自定义文本和样式

Question

我是男性网站，用户可以在其中制作网站简介。来自 mywebsite 的用户如何自定义文本和样式，例如加粗、着色等？

Answer 1

您需要使用好的所见即所得编辑器，例如https://github.com/scrumpy/tiptap

你可以像这样进行基本设置

<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>