TinyMCE:Configuration/custom elements

From Moxiecode Documentation Wiki

Option: custom_elements

This option enables you to specify non HTML elements for the editor. These non HTML element will then be converted into divs and spans internally and then back to their original element names when you get contents from the editor. This way you can handle non HTML elements inside a HTML editor. You can prefix the element names with a ~ if you want the element to be converted into an span element the default behavior is to convert them to div elements. These div/span elements will be totally invisible for the user they will see the custom names everywhere in the UI and on input/output.

Example of usage of the custom_elements option:

tinyMCE.init({
	...
	extended_valid_elements : 'mycustomblock[id],mycustominline',
	custom_elements : 'mycustomblock,~mycustominline' // Notice the ~ prefix to force an span element for the element
});