dmTinyMcePlugin

• In a console, from your project root dir, run:

git clone git://github.com/draganHR/dmTinyMcePlugin.git plugins/dmTinyMcePlugin  

• In config/ProjectConfiguration.class.php, add dmTinyMcePlugin to the list of enabled plugins:

class ProjectConfiguration extends dmProjectConfiguration
{  
  public function setup()  
  {  
    parent::setup();  
 
    $this->enablePlugins(array(  
      // your enabled plugins  
      'dmTinyMcePlugin'  
    ));  

• In a console, from your project root dir, run:

php symfony dm:setup  

dmTinyMcePlugin is a Diem plugin that implements TinyMCE - Javascript WYSIWYG Editor.
This plugin is port of dmCkEditorPlugin by Thibault Duplessis, borrows some code from it and have very similar features.

dmTinyMcePlugin is still in development phase.

TinyMCE on admin form

As you would do for a markdown field, precise in the schema.yml that the field is managed by TinyMCE:

Post:  
  columns:  
    body:    { type: clob, extra: tinymce }  

TinyMCE as a front widget

The plugin installs a new widget, available in front Add menu: HTML content.

Configure TinyMCE

You can pass options to the javascript editor.
config/dm/config.yml

  all:  
  
  tinymce:  
  
    config:  
      content_css: "/diem-ipsum/web/themeCoolWater/css/typography.css"  
      theme_advanced_buttons1: "cut,copy,paste,pastetext,pasteword,|,undo,redo,|,link,unlink,anchor,image,media,|,fullscreen,code,cleanup,styleprops"  
      theme_advanced_buttons2: "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,formatselect,bullist,numlist,outdent,indent"  
      theme_advanced_buttons3: ""  
        

To configure TinyMCE for the whole project, use config/dm/config.yml.
For the front application only, apps/front/config/dm/config.yml.
For the admin application only, apps/admin/config/dm/config.yml.

You can find out how to configure TinyMCE on TinyMCE wiki

TinyMCE is not distributed with this plugin, you need to download it and extract to web/js/tiny_mce/ folder.

Location of TinyMCE library can be configured in config/dm/config.yml:

  all:  
  
  tinymce:  
    
    config:  
      path: "/js/custom/folder/tiny_mce.js"