How to make an element in a TinyMCE editor treated as a non-editable single item?

Question

Within our CMS, our users can edit error messages for forms using TinyMCE. The problem is, some of these messages may require dynamic data, e.g. \"Your chosen name \'X\' i

Answer 1

You could use an image-tag as token. Using a tinymce UI button to insert this image should work if you replace it after the user has submitted the error message form. For example the image tag you insert could look like this

This way you only need to replace image-tags with the class token1 after the submit/save.