[raph.roberts]

I have added a button to tinyMCE, using the same technique as outlined here:

https://getpublii.com/dev/how-to-add-custom-config-or-js-for-post-editor/

The button works perfectly BUT only displays the first time tinyMCE is displayed (after loading publii). If I browse to a different post, my custom button disappears.

Sharing in case anyone can help! Thanks everyone.

Related info

I am using prodocs theme, and publii 0.42.1

my tinymce.override.json is as follows:

{
  "toolbar2": "styleselect formatselect sourcecode customInsertButton"
}

and my tinymce.script.js is:

// get an instance of the editor
var editor = tinymce.editors[0]; //or tinymce.editors[0], or loop, whatever


editor.ui.registry.addButton('customInsertButton', {
  text: 'My Button',
  onAction: (_) => editor.insertContent(` It's my button! `)
});

 

[raph.roberts]

I was able to get this working with the below (rather hacky) code.

var editor = tinyMCE.activeEditor; //or tinymce.editors[0], or loop, whatever

editor.on('init', function(e) {
    console.log('The Editor has initialized.');

    var mybuthtml = `My Button 1`;

    $( ".tox-toolbar:nth-child(2)" ).css("background", "yellow");
    $( ".tox-toolbar:nth-child(2)" ).append( mybuthtml );

    $("#mycustbut").on('click touchstart', function () {
        console.log("custom but clicked");
        editor.insertContent(` It's my button! `);
    });
});

 

[Tomasz Dziuda]

Hi,

Your issue can be related to this bug: https://github.com/GetPublii/Publii/issues/1237 – it will be fixed on upcoming Publii v.0.43

--
Do you appreciate the support you've received today? If so, consider donating to the Publii team by clicking here; we'll be sure to use your donation to make Publii even better!

[Author]

Posts