neditor
是ueditor
的亞種。我已經實現了vue
+neditor
的封裝,下面記錄一下常用工具欄的配置。
1、配置方法
例項化編輯器的時候傳入 *******s 引數
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
段落格式
******upload
單圖上傳
insertimage
多圖上傳
edittable
**屬性
edittd
單元格屬性
link
超連結emotion
表情spechars
特殊字元
searchreplace
查詢替換
mapbaidu地圖
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
自動排版
touppercase
字母大寫
tolowercase
字母小寫
background
背景template
模板scrawl
塗鴉music
**inserttable
插入**
drafts
從草稿箱載入
charts
圖表3、常用配置**片段
*******s:[[
'fullscreen'
,'source'
,'undo'
,'redo'
,'bold'
]]
*******s:[[
'fullscreen'
,'source'
,'undo'
,'redo'],
['bold'
,'italic'
,'underline'
,'fontborder'
,'strikethrough'
,'superscript'
,'subscript'
,'removeformat'
,'formatmatch'
,'autotypeset'
,'blockquote'
,'pasteplain'
,'|'
,'forecolor'
,'backcolor'
,'insertorderedlist'
,'insertunorderedlist'
,'selectall'
,'cleardoc'
]]
*******s:[[
"link"
,//超連結
"unlink"
,//取消鏈結
"|",
"forecolor"
,//字型顏色
"backcolor"
,//背景色
"fontfamily"
,//字型
"fontsize"
,//字型大小
"|",
"bold"
,//加粗
"italic"
,//斜體
"underline"
,//下劃線
"strikethrough"
,//刪除線
"|",
"formatmatch"
,//格式刷
"removeformat"
,//清除格式
"|",
"insertorderedlist"
,//有序列表
"insertunorderedlist"
,//無序列表
"|",
"inserttable"
,//插入**
"paragraph"
,//段落格式
"******upload"
,//單圖上傳
"imagecenter"
,//居中
"attachment"
,//附件
"|",
"justifyleft"
,//居左對齊
"justifycenter"
,//居中對齊
"horizontal"
,//分隔線
"|",
"blockquote"
,//引用
"insertcode"
,//**語言
"|",
"source"
,//源**
"preview"
,//預覽
"fullscreen"
//全屏
]]
*******s:[[
"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"
]]
layui自定義工具欄
給大家分享的功能是layui自定義工具欄 功能效果 開啟資料 頭部工具欄區域 關鍵引數 引數型別 string dom boolean 引數說明 demo 指向自定義工具欄模板選擇器 直接傳入工具欄模板字元 true 僅開啟工具欄,不顯示左側模板 default 讓工具欄左側顯示預設的內建模板 在這...
openlayers自定義工具欄
因為業務要求,去年寫過基於openlayer的工具欄,網上有些工具欄的文章,但是都沒什麼人提供原始碼學習。希望我的demo能幫助大家更好的理解與開發,有什麼不足請見諒,這裡說下我的基本的實現。openlayer上有些例子,建議熟讀文件後再來看本例 所有的相關檔案都放在map資料夾中,mapconfi...
easyui自定義工具欄
easyui的彈出框上有工具欄 上方 和按鈕欄 下方 工具欄的按鈕預設靠左,自己沒找到調整位置的屬性。為了在右上角放乙個關閉按鈕,只能使用easyui的屬性自定義乙個工具欄,主要的實現為 建立乙個div作為工具欄,在div中放要顯示的按鈕,按鈕在div中向右靠齊 在彈窗框div中新增屬性 data ...