加勒比HEZYO黑人专区-久久精品国产99国产精品亚洲-精品国产18久久久久久-久久人妻少妇嫩草AV

歡迎光臨 織晶網(wǎng)絡官網(wǎng)!

  • 服務支持
  • 020-39182790
技術文檔您現(xiàn)在的位置:首頁 > 服務支持 > 技術文檔

如何自定義kindeditor工具欄面板?

作者:織晶客服部   發(fā)布于:2022/9/27 21:51:45  點擊量:  來源:織晶網(wǎng)絡

在網(wǎng)站/其他應用編輯富文本時,需要在線編輯器來編輯文本,目前比較好用的有kindeditor編輯器,雖然2017年之后官方再無更新,不過開發(fā)者可以根據(jù)實際項目需求進行個性化配置工具欄面板,以便于使用。

比如:我要配置簡單的kindeditor工具欄,如下圖:

像這種簡單實用的工具欄面板如何配置呢?


需要在引用kindeditor編輯器的html/視圖文件中,在下面方法中
KindEditor.ready(function(K) {

//code->add items attribute

})

添加items中想要的屬性就可以實現(xiàn),items項中就是自定義想要的按鈕功能,很簡單吧!


如下圖,已添加的一些屬性:


----------------------------------END!


下面是items主要屬性的釋義參考:
source:表示切換編輯器進入源代碼HTML查看模式;
wordpaste:表示從WORD內粘貼;
justifyleft:表示選中文本居左;
justifycenter:表示選中文本居中;
justifyright:表示選中文本居右;
justifyfull:表示兩端對齊;
clearhtml:表示清除HTML標簽;
quickformat:表示快速排版;
selectall:表示全選;
fullscreen:表示全屏;
formatblock:表示段落;
fontname:表示字體;
fontsize:表示文字大小;
forecolor:表示文字顏色;
hilitecolor:表示文字背景色;
bold:表示文字加粗;
italic:表示文字斜體;
underline:表示給文字追加下劃線;
strikethrough:表示給文字追加刪除線;
lineheight:表示調整行距;
removeformat:表示刪除選中段的格式;
image:表示單個上傳圖片;
multiimage:表示批量上傳圖片;
media:表示插入音視頻文件;
insertfile:表示插入文件;
table:表示插入表格;
hr:表示插入橫線;
emoticons:表示插入表情;
baidumap:表示插入地圖;
link:表示插入超鏈接;
unlink:表示取消超級鏈接;一般和link配合出現(xiàn);
about:表示關于kindeditor編輯器的信息;


kindeditor編輯器下載地址:https://gitee.com/luolonghao/kindeditor



上一篇:PHP中如何操作數(shù)據(jù)庫?

下一篇:PHP中$_POST、$_GET、$_REQUEST之間的區(qū)別