PlayCMS uses by default TinyMCE as wysiwyg html editor, and Moxiemanager as file / image manager and image manipulation tool.
By default, TinyMCE is used for <textarea> inputs. Configuration of the editor is typically done from the main layout.scala.html's document ready function. E.g.:
layout.scala.html:
jQuery(document).ready(function() {
tinymce.init({
selector:'.wysihtml5-simple',
height: '300px',
language: '@if(Language.getCurrentLanguage.equals("de")){de}else{en}', @* TinyMCE silently crashes if the language is not found - no fallback *@
toolbar: "undo redo | styleselect | bold italic | link image"
});
tinymce.init({
selector:'.wysihtml5-default',
height: '600px',
language: '@if(Language.getCurrentLanguage.equals("de")){de}else{en}',
theme: "modern",
plugins: [
"advlist autolink lists link image charmap preview anchor",
"searchreplace wordcount visualblocks code fullscreen",
"media nonbreaking save table contextmenu directionality",
"emoticons template paste textcolor"
],
toolbar1: "undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
toolbar2: "preview media | forecolor backcolor",
image_advtab: true,
templates: [
{title: 'Test template 1', content: 'Test <b>#1</b>'},
{title: 'Test template 2', content: 'Test <i>#2</i>'}
]
});
In this example, we use a simple and a default (full) configuration of the editor, which then can be used in the edit templates. All configuration options can be found at http://www.tinymce.com/
Note: If a language is set to TinyMCE that it does not support, it will silently crash. To remedy this, ensure a proper fallback.
Moxiemanager integrates very well with TinyMCE. It requires a backend component which is not available in Java however. We currently use the PHP version.
TODO: Document setup / configuration steps, including authentication handling.
Note: Moxiemanager is commercial software, you need to obtain a suitable license if you plan to use it.