unable to add custom elements to TinyMCE

[atomGit]

followed instructions here and changed this...

            "selector": "table"
        }
    ]
}

to this...

            "selector": "table"
        },
        {
            "title": "Superscript1",
            "selector": "sup"
        },
        {
            "title": "Subscript1",
            "selector": "sub"
        }
    ]
}

entire TinyMCE toolbar disappears

[candidexmedia]

Hi, gist author here! Are you creating Custom Elements, Custom Formats, or Custom Blocks? Which file are you editing? Each requires different changes.

[atomGit]

i'm trying to add the superscript and subscript elements exactly as outlined here

the file is the same as in the instructions: /Publii/sites/[siteName]/input/themes/simple/config.json

[candidexmedia]

Can you share the file here so I can have a look?

[atomGit]

see the bottom of the file, in the customElements section

config.json

[candidexmedia]

Review the instructions for CustomElementsMode in the gist again carefully: https://gist.github.com/candidexmedia/367711a80274b4c005fd5983df97d20c#instructions

You are currently using the method for Custom Formats, which are for adding CSS classes to certain HTML tags:

Instead, it should look like this (notice the customElementsMode and different syntax):

Replace your customElements with the example in my gist, restart your app, and check again.

The gist goes over several different ways of modifying the editor, and they each have their own syntax, quirks, nuance, and sets of instructions.

[atomGit]

yeah, i see my mistake - thanks for the tip :)