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

Question

I男性网站，用户可以在其中制作网站简介。 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>

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

How to make custom text and styling

javascript

css

vue-cli-3