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"]]

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/415178.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

前端学习(2666):完成vue3.0的todolist编辑

1点击编辑 2编辑逻辑 3进入编辑状态

课后作业-团队编程项目总结

成员:王志昂(组长) 郑 月 李古宇 孙晨旭 鞠牧孜 程冠菲 项目名称:吃货之家 早在商朝末年,太公望(别名:姜太公,姜子牙)在营丘之战时所创制的太公望红焖鸡,在姜太公建立齐国后,红焖鸡(…

Android Notification 手机系统横幅弹出提示框调用,横幅通知,RemoteViews使用实例

直接上代码 :bundle是极光推送的bundle Override public void onReceive(Context context, Intent intent) {try {Bundle bundle intent.getExtras(); 。。。。。。 发送横幅通知方法: try {RemoteViews customView new RemoteViews(context.getPac…

前端学习(2667):退出编辑状态

1逻辑实现 2加上myinput 3判断myinput 调整元素 4

《构建之法》阅读笔记01

本周阅读了《构建之法》的第一章《概论》以及第四章《两人合作》。 《概论》旨在说明软件工程的概念。 作为一个程序员,几乎没有谁不知道“程序算法数据结构”这句名言的,而这本书中,则又提出了另一个概念“软件程序软件工程”,“…

Android 帧动画,加载动画,AnimationDrawable,仿京东加载动画

1、创建drawable文件ring_animation.xml <?xml version"1.0" encoding"utf-8"?> <animation-list xmlns:android"http://schemas.android.com/apk/res/android"><item android:drawable"mipmap/windmill_1"android:…

前端学习(2668):删除功能

1定义删除 2删除方法 3删除演示

mac 通过 homebrew 安装mongodb

通过homebrew安装mongodb非常省事&#xff0c;但是如果没有科学上网&#xff0c;可能比较慢&#xff0c;下面是官方安装教程链接&#xff1a; https://github.com/mongodb/homebrew-brew 主要步骤 1、brew tap mongodb/brew 2、brew install mongodb-community 3、启动 br…

SICK TiM561激光雷达的使用

TIM系列激光扫描传感器原理&#xff1a; 激光发射器发出激光脉冲&#xff0c;当激光碰到物体后&#xff0c;部分激光反射回激光接收器。通过计算发射/接收脉冲时间差&#xff0c;可以计算出距离值。激光扫描器连续不停的发射激光脉冲&#xff0c;由旋转的光学机构将激光脉冲按一…

简易listview与adapter实现列表,ArrayAdapter和BaseAdapter

item.xml <?xml version"1.0" encoding"utf-8"?> <LinearLayout xmlns:android"http://schemas.android.com/apk/res/android"android:layout_width"match_parent"android:layout_height"match_parent"android:…

Netcdf文件导出基本代码示例

需求&#xff1a;从一个nc文件中取出我想要的变量&#xff0c;导出到另外一个nc文件。 下面是基本代码&#xff1a; GetMapping("/export") public String varExport(ModelAttribute FileSaveVars params ) throws IOException, InvalidRangeException { // 1…

记一次MySQL手工注入

本来想找个装安全狗的站试下绕过&#xff0c;safe dog没找到&#xff0c;但随便一搜搜到一个小站有SQLi&#xff0c;正好借此机会复习下手工注入&#xff08;新版Firefox我吐槽一下&#xff0c;hackbar这么好用的工具&#xff0c;说阉割就阉割&#xff0c;哎&#xff09; 小站没…

Netcdf对数据进行裁剪

对三维数据进行裁剪 List<Range> tyxRanges new ArrayList<>(); tyxRanges.add(new Range(null,0,12)); tyxRanges.add(new Range(null,0,12)); tyxRanges.add(new Range(null,0,12)); Array varData varObject.read(tyxRanges); ncWrite.write(varVar, varData…

Android: 解决动画完成后位置恢复到初始位置的问题

今天在使用TranslateAnimation位移一个LinearLayout时&#xff0c;发现动画完成后又会自动回到初始的状态&#xff0c;设置了fillAfter也不太管用。 仔细研究了一下&#xff0c;发现&#xff1a; 这种现象很正常&#xff0c;因为TranslateAnimation只负责实现位移动画效果&…

Netcdf中时间的格式化

需求&#xff1a;获取到的时间格式为minutes since 2018-01-01 00:30:00 我想要的格式为2018-01-01 00:30:00 java代码如下 // 4 设置时间变量 Variable timeObject ncFile.findVariable("time"); String timeAt timeObject.getUnitsString(); String regex &q…

Android GridView,recycleview,栅格布局

<color name"gray_b7">#F5F5F5</color>//activity背景色&#xff0c;itemview底部&#xff08;横向栅格条&#xff09;背景色&#xff0c;itemview主色白 设置竖向栅格条 adapter中设置 int w MainApplication.getnScreenWidth();holder.itemView.set…

PAT——1027. 打印沙漏

本题要求你写个程序把给定的符号打印成沙漏的形状。例如给定17个“*”&#xff0c;要求按下列格式打印 ************ *****所谓“沙漏形状”&#xff0c;是指每行输出奇数个符号&#xff1b;各行符号中心对齐&#xff1b;相邻两行符号数差2&#xff1b;符号数先从大到小顺序递减…