富文本框

组件名

RichTextBox

配置项

样例

{
  "name": "RichTextBox",
  "label": "富文本",
  "explain": "",
  "conf": {
    "images_upload_url": "/file/upload/richText",
    "toolbar": [],
    "menubar": "file edit insert view format table",
    "width": "auto",
    "height": 360
  }
}

详细说明

配置项	数据类型	是否必须	备注
name	String	是	在同一容器组件中，确保唯一！当容器组件为表单(FormView)时, name表示此表单项的prop。强烈推荐此值就使用默认的元字段名，即字段名
label	String	否	一般为中文，表单项的label，表格表头的列名
explain	String	否	当处于表单容器中时, 此值会作为表单项label后面的?补充提示，一般用于表单填写的说明
conf	Object	否	RichTextBox基于第三方组件tinymce-vue, 其配置项参考这里 (opens new window)

下面列出常用的配置项解释:

conf

此项配置为第三方组件 vue-tinymce-text (opens new window)原生配置。 源码地址: 传送门 (opens new window)

conf.images_upload_url

富文本中图片上传地址。如果需要自定义，记得返回上传后的资源路径。

conf.toolbar

工具栏配置。默认空，则是全部都有。

可选值: ['preview | undo redo | bold italic underline strikethrough forecolor backcolor | alignleft aligncenter alignright outdent indent blockquote | removeformat subscript superscript | hr bullist numlist | table | link image media | codesample emoticons | pagebreak | fullscreen']

conf.menubar

顶部的菜单栏。可选值: "file edit insert view format table"

conf.width

富文本的宽度。默认auto， 自动撑开。可以支持纯数字(将识别为px)和标准的像素宽度值(如: 100px)

conf.height

富文本的高度。默认360, 只支持纯数字。