neditor 自定义工具栏配置

neditorueditor的亚种。我已经实现了vue+neditor的封装,下面记录一下常用工具栏的配置。

1、配置方法
实例化编辑器的时候传入 toolbars 参数

2、参数列表

名称描述
anchor锚点
undo撤销
redo重做
bold加粗
indent首行缩进
snapscreen截图
italic斜体
underline下划线
strikethrough删除线
subscript下标
fontborder字符边框
superscript上标
formatmatch格式刷
source源代码
blockquote引用
pasteplain纯文本粘贴模式
selectall全选
print打印
preview预览
horizontal分隔线
removeformat清除格式
time时间
date日期
unlink取消链接
insertrow前插入行
insertcol前插入列
mergeright右合并单元格
mergedown下合并单元格
deleterow删除行
deletecol删除列
splittorows拆分成行
splittocols拆分成列
splittocells完全拆分单元格
deletecaption删除表格标题
inserttitle插入标题
mergecells合并多个单元格
deletetable删除表格
cleardoc清空文档
insertparagraphbeforetable表格前插入行
insertcode代码语言
fontfamily字体
fontsize字号
paragraph段落格式
simpleupload单图上传
insertimage多图上传
edittable表格属性
edittd单元格属性
link超链接
emotion表情
spechars特殊字符
searchreplace查询替换
mapBaidu地图
gmapGoogle地图
insertvideo视频
help帮助
justifyleft居左对齐
justifyright居右对齐
justifycenter居中对齐
justifyjustify两端对齐
forecolor字体颜色
backcolor背景色
insertorderedlist有序列表
insertunorderedlist无序列表
fullscreen全屏
directionalityltr从左向右输入
directionalityrtl从右向左输入
rowspacingtop段前距
rowspacingbottom段后距
pagebreak分页
insertframe插入Iframe
imagenone默认
imageleft左浮动
imageright右浮动
attachment附件
imagecenter居中
wordimage图片转存
lineheight行间距
edittip编辑提示
customstyle自定义标题
autotypeset自动排版
webapp百度应用
touppercase字母大写
tolowercase字母小写
background背景
template模板
scrawl涂鸦
music音乐
inserttable插入表格
drafts从草稿箱加载
charts图表

3、常用配置代码片段

toolbars: [
    ['fullscreen', 'source', 'undo', 'redo', 'bold']
]
toolbars: [
    ['fullscreen', 'source', 'undo', 'redo'],
    ['bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
]
  toolbars: [
          [
            "link", //超链接
            "unlink", //取消链接
            "|",
            "forecolor", //字体颜色
            "backcolor", //背景色
            "fontfamily", //字体
            "fontsize", //字号
            "|",
            "bold", //加粗
            "italic", //斜体
            "underline", //下划线
            "strikethrough", //删除线
            "|",
            "formatmatch", //格式刷
            "removeformat", //清除格式
            "|",
            "insertorderedlist", //有序列表
            "insertunorderedlist", //无序列表
            "|",
            "inserttable", //插入表格
            "paragraph", //段落格式
            "simpleupload", //单图上传
            "imagecenter", //居中
            "attachment", //附件

            "|",
            "justifyleft", //居左对齐
            "justifycenter", //居中对齐
            "horizontal", //分隔线
            "|",
            "blockquote", //引用
            "insertcode", //代码语言

            "|",
            "source", //源代码
            "preview", //预览
            "fullscreen" //全屏
          ]
        ]
  toolbars: [
          [
            "fullscreen",
            "source",
            "undo",
            "redo",
            "indent", //首行缩进
            "fontfamily", //字体
            "fontsize", //字号
            "insertimage" //单图上传
          ],
          [
            "bold",
            "italic",
            "underline",
            "fontborder",
            "strikethrough",
            "superscript",
            "subscript",
            "removeformat",
            "formatmatch",
            "autotypeset",
            "blockquote",
            "pasteplain",
            "|",
            "forecolor",
            "backcolor",
            "insertorderedlist",
            "insertunorderedlist",
            "selectall",
            "cleardoc"
          ]
        ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值