How can I add extra buttons to unihtmlmemo toolbar

[emin]

Hi 
I need extra button in htmlmemo toolbar. I found a script that allows to add a new button to the toolbar. But I need more than that. How can I add the following functions to the new button.
- add an image to the button
- adding the button in the desired order. this script adds the button at the end

 

Quote

function beforeInit(sender, config)
{
  config.listeners = {
    render: function(editor) {
              editor.getToolbar().add({
                 xtype: 'button',
                 text: 'imageUpload',
                 handler: function() {
                   ajaxRequest(sender, 'uploadImage', [])   
                 }
              });
             }
    }
}

 

[Sherzod]

Hello,

You can try to use insert instead of add, the first parameter will be the index position.

[emin]

Hi

I tried many thinks but none of them worked. Where do I need to add index position and how. 

  config.listeners = {
    render: function(editor) {
              editor.getToolbar().insert({

       
                 xtype: 'button',
                 text: 'Kaydet',
                 handler: function() {
                   ajaxRequest(sender, 'Kaydet', [])   
                 }
              });
             }
    }

[Sherzod]

insert(position, {})

[emin]

I tried this way but it doesn't work. Can you please write the full code, and how add an image to new button. Thanks

Quote

function beforeInit(sender, config)
{
  config.listeners = {
    render: function(editor) {
              editor.getToolbar().insert(position, {2})      

                {                 
                 xtype: 'button',
                 text: 'imageUpload',
                 handler: function() {
                   ajaxRequest(sender, 'uploadImage', [])   
                 }
              });
             }
    }
}

 

[Sherzod]

editor.getToolbar().insert(position, {2})      

                {                 
                 xtype: 'button',
                 text: 'imageUpload',
                 handler: function() {
                   ajaxRequest(sender, 'uploadImage', [])   
                 }
              });
             }

 

 

editor.getToolbar().insert(2, {
    xtype: 'button',
    text: 'imageUpload',
    handler: function() {
        ajaxRequest(sender, 'uploadImage', [])
    }
})

 

[emin]

It works pefrectly. Thank you so much. Is there a solution for adding an image to the added button?

[Sherzod]

3 hours ago, emin said:

Is there a solution for adding an image to the added button?

[emin]

It works. Thanks again.

[Sherzod]

Very good. 

[emin]

Hi Sherzod

If I want to add more than one button. What would be the correct script

[Sherzod]

Hello,

9 minutes ago, emin said:

If I want to add more than one button. What would be the correct script

For example like this:

function beforeInit(sender, config) 
{
    var indx = 0;
    config.listeners = {
        render: function(editor) {
            editor.getToolbar().insert(indx, {
                xtype: 'button',
                text: 'imageUpload1',
                handler: function() {
                    ajaxRequest(sender, 'uploadImage', [])
                }
            });

            indx = +1;
            editor.getToolbar().insert(indx, {
                xtype: 'button',
                text: 'imageUpload2',
                handler: function() {
                    ajaxRequest(sender, 'uploadImage2', [])
                }
            });
        }
    }
}

 

[emin]

You are awesome. Thank you

[emin]

Hi 

How can I add to the new button a hint 

[Sherzod]

Hello,

6 minutes ago, emin said:

How can I add to the new button a hint 

...
text: 'imageUpload1',
tooltip: 'Upload...',
...

 

[emin]

Thanks Sherzod