neditor 自定義工具欄配置

2021-10-06 23:51:06 字數 4779 閱讀 3761

neditorueditor的亞種。我已經實現了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 ...