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 自定义工具栏配置的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。