Add buttons to HTMLEditor for Ext JS 4

[gjsmith66]

Does anyone have some examples of how to add a button to the HTMLEditor?

[mitchellsimoens]

You would need to create a toolbar and render it to the htmledtior's toolbarWrap element.

This is how it does it internally in 4.0.7, 4.1.0 it's different a little more complicated but inspecting the editor will shed some light:


toolbar = Ext.widget('toolbar', {
renderTo: me.toolbarWrap,
enableOverflow: true,
items: items
});

[gjsmith66]

That is a nice little hint, thanks. But, it sounds like even if I figure out how to do, it will break when 4.1 comes out.

I was hoping someone would have some example code, it seems like a popular request.

Thanks.

[ateodorescu]

That is a nice little hint, thanks. But, it sounds like even if I figure out how to do, it will break when 4.1 comes out.

I was hoping someone would have some example code, it seems like a popular request.

Thanks.

You need to make a plugin for htmleditor like I did here: https://github.com/ateodorescu/mzExt/blob/master/ux/form/plugin/Ext.ux.form.plugin.HtmlEditor.js

Cheers,
Adrian