custom link popover?

[fghhfg]

How to add a custom button on link popover?

steps to reproduce

I try to add a custom button on link popover

just simple modify example from
https://summernote.org/deep-dive/#using-button-with-options
https://summernote.org/deep-dive/#initialization-options

var HelloButton = function (context) {
  var ui = $.summernote.ui;

  // create button
  var button = ui.button({
    contents: '<i class="fa fa-child"/> Hello',
    tooltip: 'hello',
    click: function () {
      // invoke insertText method with 'hello' on editor module.
      context.invoke('editor.insertText', 'hello');
    }
  });

  return button.render();   // return button as jquery object
}

    $(document).ready(function() {
        $('#summernote').summernote({
            popover: {
                link: [
                    ['custom', ['HelloButton']],
                    ['link', ['HelloButton', 'linkDialogShow']]
                ]
            }
        });
    });

https://jsfiddle.net/1Lwcahbk/

browser version and os version and summernote version

What is your browser and OS?
win7 chrome (electron)
What is your summernote version?
v0.8.8

screenshot of issue

Where is my custom button?

[DennisSuitters]

Do you mean that you want to add a class to restyle the link to look like a button?

[fghhfg]

I want to add a new button

[DennisSuitters]

What type of button, a link that looks like a button, or a button that reside's in a form?

[fghhfg]

anyone, as long as it can trigger my code.

I am trying to create a local website generator in electron.
Ideally, My users create a link, they can click the link then my program would auto create a new page for them.
I don't know how my code to be triggered by the link on link pop icon, so I try to add a button that can trigger my code.

---

here is a example from plugin (summernote-image-attributes):

I believe it's a button that reside's in a form?

---

the example from https://summernote.org/deep-dive/#using-button-with-options
which is what I trying to do...

it's also a button that reside's in a form?
It works pretty on toolbar, but I just don't know how to make it appears on popover.

[DennisSuitters]

Have you looked at any of the plugins at https://github.com/summernote/awesome-summernote there may be some better examples to help you do what your trying to do. If there's an error in your script the button won't show.

[DennisSuitters]

The button that appears when you use image-attributes (a plugin I created btw), it comes from the plugin itself, and as you know you tell it where to appear using the options.
To trigger your code to work, it would have to be done within a plugin.

[DennisSuitters]

It's been 9 days since your last comment, I'll assume you were able to resolve your issue. If you require further help, please reopen this issue or create a new one.

[alexstephens]

you would need to include a buttons property in your initialiser, see below example:

$('#summernote').summernote({
buttons: {
btnHello: HelloButton
},
popover: {
link: [
['custom', ['btnHello']],
['link', ['btnHello', 'linkDialogShow']]
]
}
});