当前位置: 首页 > 工具软件 > Froala Editor > 使用案例 >

FroalaEditor富文本编辑器toolbarButtons顶部按钮配置

董昕
2023-12-01

官网介绍:https://froala.com/wysiwyg-editor/docs/options/#toolbarButtons
配置方法:

config: {
        toolbarButtons: ['fullscreen', 'bold', 'italic', 'underline', 'strikeThrough', 'subscript', 'superscript', '|', 'fontFamily', 'fontSize', 'color', 'inlineClass', 'inlineStyle',
          'paragraphStyle', 'lineHeight', '|', 'paragraphFormat', 'align', 'outdent', 'indent', 'quote', '-', 'br', 'insertLink', 'insertImage', 'insertVideo', 'insertFile', 'insertTable',
          '|', 'emoticons', 'specialCharacters', 'insertHR', 'selectAll', 'clearFormatting', '|', 'print', 'getPDF', 'help', 'html', 'undo', 'redo']
      },

配置属性:

字段名属性名
fullscreen全屏
bold粗体
italic斜体
underline下划线
strikeThrough删除线
subscript下标
superscript上标
fontFamily字体
fontSize字号
color颜色
inlineClassinlineClass
inlineStyle内联样式
paragraphStyle段落样式
lineHeight线高/行高
paragraphFormat段落格式
align对齐方式
outdent减少缩进量
indent增加缩进量
quote引用
insertLink插入超链接
insertImage插入图片
insertVideo插入视频
insertFile上传文件
insertTable插入表格
emoticons表情符号
specialCharacters特殊字符
insertHR插入水平线
selectAll全选
clearFormatting清除格式
print打印
getPDF下载为pdf
help帮助
html代码视图
undo撤销
redo恢复
|分割线
-换行符线
 类似资料: