We're evolving to serve you better! This current forum has transitioned to read-only mode. For new discussions, support, and engagement, we've moved to GitHub Discussions.

adding custom button to tinymce

April 22, 2023 at 5:39 pm #9852
[anonymous]
Hi!

How would I go about adding my own button that would either prompt for input and then drop a modified text of that into the editor, or modify a selected text?

I tried the basic example of:
```
tinymce.init({
  selector: "textarea",
  setup: function (editor) {
    editor.ui.registry.addButton("customInsertButton", {
      text: "My Button",
      onAction: function (_) {
        editor.insertContent("&nbsp;It's my button!&nbsp;");
      },
    });
  },
});
```
to get a button added at all; I’ve put that into the “simple” themes tinymce.script.js and added:
```
"extensions": {
    "postEditorConfigOverride": false,
    "postEditorCustomScript": true
},
```
to the config.json in the simple themes config.json, afterwards I restarted publii, but there is no custom button in any of the editors, the docs don’t mention any example for the tinymce.script.js either, so how would I go about doing this?

Thanks!
April 26, 2023 at 11:39 am #9884

[anonymous]

Perhaps you should look at: Template plugin | Docs | TinyMCE. It’s not comfortable like a button, but it’s works

May 4, 2023 at 12:07 am #9927
[anonymous]
I’m curious about this as well. I was able to get JS to execute but wasn’t able to hook into the editor using similar code.
```
tinymce.init({
  selector: '#editor',
  toolbar: 'myCustomToolbarButton',
  setup: function (editor) {
    editor.ui.registry.addButton('myCustomToolbarButton', {
      text: 'My Custom Button',
      onAction: function () {
        alert('Button clicked!');
      }
    });
  }
});
```