全面解析 WangEditor 富文本编辑器属性与配置示例

@wangeditor/editor 和 @wangeditor/editor-for-vue 是 WangEditor 富文本编辑器的核心和 Vue 集成版本。以下是每个属性的详细介绍和示例：

1. @wangeditor/editor

@wangeditor/editor 是 WangEditor 的核心包，提供了富文本编辑器的基本功能。其主要属性如下：

1.1 selector

• 描述：指定编辑器的绑定元素，可以是一个 DOM 元素或者 CSS 选择器。
• 类型：string | HTMLElement
• 示例：

  import { createEditor } from '@wangeditor/editor';
  
  const editor = createEditor({
    selector: '#editor-container'
  });
  

1.2 content

• 描述：编辑器的初始内容。
• 类型：string
• 示例：

  const editor = createEditor({
    content: '<p>欢迎使用WangEditor！</p>'
  });
  

1.3 onChange

• 描述：编辑器内容发生变化时的回调函数。
• 类型：(html: string) => void
• 示例：

  const editor = createEditor({
    onChange: (html) => {
      console.log('内容发生变化:', html);
    }
  });
  

1.4 placeholder

• 描述：编辑器空白区域显示的提示文字。
• 类型：string
• 示例：

  const editor = createEditor({
    placeholder: '请输入内容...'
  });
  

1.5 menuConfig

• 描述：配置菜单项，例如加粗、斜体、字体大小等。
• 类型：object
• 示例：

  const editor = createEditor