Summernote editor grabs youtube ID to editor and customizes it into the box?

subject
I am currently using the third-party suite editor: summernote .
I took a look at the official API file. You can add the following button: https://summernote.org/deep-d.

.
  var button = ui.button({
    contents: "<i class="fa fa-child"/> Hello",
    tooltip: "hello",
    click: function () {
            var url = prompt("IG", "");
            var node = document.createElement("span");
            node.innerHTML = url;
          context.invoke("editor.insertNode", node);
    }
  });

Resources
https://summernote.org/deep-d.


Please change the editor.

Menu