在extJs中添加按鈕到HTML編輯器

Question

我在extJs中使用了htmleditor，但沒有編輯框內寫入文本的選項。所以我自己創建了按鈕，並放置在文本編輯器中，但它看起來不太好。

有沒有什麼方法可以將按鈕（同一行中的2個按鈕）添加到html文本編輯器。 簡而言之，我想在html編輯器中添加下面的「保存」和「取消」按鈕。

我該怎麼做？

Answer 1

您可以使用ExtJS.ux.HtmlEditor.Plugins - （用於擴展ExtJS HtmlEditor功能的插件集）創建您自己的按鈕。有一件事你應該做的是，在擴展插件Ext.ux.form.HtmlEditor.MidasCommand ...然後加給你的js文件：

Ext.ux.form.HtmlEditor.Save= Ext.extend(Ext.ux.form.HtmlEditor.MidasCommand, { 
    midasBtns: ['|',{ 
     cmd: 'save', 
     title: 'Save' 
    }] 
}); 

和按鈕圖標，你可以使用這種樣式：

.x-save {background: url(../images/save.png) 0 0 no-repeat !important;} 

Answer 2

您可以使用ExtJS.ux.HtmlEditor.Plugins

https://github.com/VinylFox/ExtJS.ux.HtmlEditor.Plugins