在網(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
掃一掃 加微信咨詢