neditor 自定义工具栏配置

neditor是ueditor的亚种。我已经实现了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	查询替换
map	Baidu地图
gmap	Google地图
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"]]

neditor 自定义工具栏配置相关推荐

ueditor 工具栏配置_百度ueditor编辑器自定义工具栏
百度ueditor编辑器自定义工具栏: //引入编辑器配置文件和核心文件 //内容容器 var ue = UE.getEditor('content', { toolbars: [ [ //自定义的工 ...
vue set设置html根字体,vue-quill-editor安装及使用：自定义工具栏和自定义中文字体，把字体写在html的style中...
一.自定义工具栏把toolbar在vue的data return里配置就可以: 二.用vue-quill-editor写出来的邮件,发出去之后字体样式变了,那是应该vue-quill-editor改变 ...
百度编辑器（UEditor）自定义工具栏
百度编辑器(UEditor)自定义工具栏的自定义百度编辑器默认功能比较齐全,但是不一定是我们所需要的,有的功能可以去掉,用自己想要的就可以了,可以参考百度官方文档! 百度编辑器默认配置展示界面如何 ...
VS Code 安装 Go 插件、自定义扩展配置、断点调试
1. 安装插件使用快捷键 Ctrl+Shift+X 打开插件安装页面,安装 Go 插件. 2. 自定义扩展配置使用快捷键 Ctrl+, 打开自定义配置页,编辑 settings.json ,定义与 ...
R语言ggplot2可视化彩色水平条形图并基于条形长度和数值标签长度、自定义最优化配置标签在条形内部或者条形外部
R语言ggplot2可视化彩色水平条形图并基于条形长度和数值标签长度.自定义最佳配置标签在条形内部或者条形外部目录
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(构建自定义函数配置显示均值、标准偏差)实战
R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(构建自定义函数配置显示均值.标准偏差)实战目录
gin自定义HTTP配置
gin自定义HTTP配置直接像这样使用http.ListenAndServe() func main() {router := gin.Default()http.ListenAndServe(&q ...
MyBatisPlus3.x代码生成器自定义模板配置
场景 MyBatisPlus3.x中使用代码生成器(全注释): https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/89518466 M ...
Spring Boot——自定义Web配置类后无法访问/static文件夹下静态资源
问题描述自定义Web配置类后无法访问 /static文件夹下静态资源. 已加相关依赖包. 官方文档 Spring MVC Auto Configuration Maven <dependenc ...

neditor 自定义工具栏配置

neditor 自定义工具栏配置相关推荐

最新文章

热门文章