How to customize Tiny MCE

There are some easy settings to customize the tiny mce editor, we deliver some abilities within the package.

First of all you can use the wysiwyg settings addon (starting with LEPTON 5.5.0). You will find some pre-settings in there, called full, smart and simple.

Select the one of your choice and you are done.

For those who will dive a little bit deeper into customization

In case you want to extend the tinymce.init you must simply add a lte-file called custom to the tiny_mce template folder.

Have a look at our example custom.lte, that extends the standard tiny_mce.lte.

In the example file the menubar will be disabled.

For details please see tiny mce documentation.

In case you want to modify the toolbars within the editor please simply add a class tinymce_settings_custom.php to directory /class of the tiny_mce module. We already added an example file to the current tinymce addon.

Now you can modify each toolbar and define also custom toolbars. In our example you will find a toolbar called custom in additon to full, smart and simple.

Once added to the file you can select them via wysiwyg_settings tool.

For details please see also tiny mce documentation .

Custom css:

If you want to modify the backend of tinymce editor please modify the backend.css in css/directory (from 4.5.6.1). In preavious releases you have to create a backend.css file and a css directory in the root of the addon.

For addon authors:

If you have more than one section on a page, for example

•  wysiwyg-section
• your-addon-section

and your addon uses textareas as input-fields it may happen, that you don't want these textareas to be loaded with an editor.

In this case it might be useful in addons to disable the textareas.

Using the tinymce in your installation you simply have to change the textarea-id to "no_wysiwyg" and you are done.

{{ header.html_header }}