I wonder if there's a way with TinyMCE to add HTML elements, but without these elements being part of the content (i.e. if I call getContent() they will not appear).
My use case is to add for example a small toolbar to edit an element, and this toolbar should not appear in the code returned by getContent(). I couldn't find anything about it in the doc. Any idea if TinyMCE allows something like this?
You can configure which HTML elements will remain using the valid_elements, invalid_elements and extended_valid_elements options.
The valid_elements option defines which elements will remain in the edited text when the editor saves.
Example usage:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
valid_elements : 'a[href|target=_blank],strong/b,div[align],br'
});
The invalid_elements option instructs the editor to remove specific elements when TinyMCE executes a cleanup.
Example usage:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
invalid_elements : 'strong,em'
});
The extended_valid_elements option is very similar to valid_elements. The only difference between this option and valid_elements is that this one gets added to the existing rule set.
Example usage:
tinymce.init({
selector: 'textarea', // change this value according to your HTML
extended_valid_elements : 'img[class|src|border=0|alt|title|hspace|vspace|width|height|align|onmouseover|onmouseout|name]'
});
Check out the Tiny documentation for more information:
