Diem plugins syndication

dmCkEditorPlugin

Adds a CkEditor WYSIWYG to your site

By default Diem brings you a flavored Markdown editor.
But sometimes, the customer wants a WYSIWYG...

So this plugin integrates the best open source editor: CkEditor.

Currently only admin forms can receive ckEditors.
Later, this plugin will be updated with a front ckEditorWidget.

Installation

  • In a console, from your project root dir, run:
git clone git://github.com/ornicar/dmCkEditorPlugin.git plugins/dmCkEditorPlugin  
  • In config/ProjectConfiguration.class.php, add dmCkEditorPlugin to the list of enabled plugins:
class ProjectConfiguration extends dmProjectConfiguration
{  
  public function setup()  
  {  
    parent::setup();  
 
    $this->enablePlugins(array(  
      // your enabled plugins  
      'dmCkEditorPlugin'  
    ));  
  • In a console, from your project root dir, run:
php symfony dm:setup  

CkEditor on admin form

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

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

CkEditor as a front widget

The plugin installs a new widget, available in front Add menu: ckEditor.
As for the default Text widget, you can drag&drop pages and media inside, thanks to Robert Gruendler and Vincent Jousse.

Configure ckeditor

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

all:  
  
  ckeditor:  
  
    config:  
  
      # change the buttons in the toobar  
      toolbar:  
        - ['Format', 'Bold', 'Italic','Strike','Blockquote', '-', 'NumberedList', 'BulletedList', '-', 'Link', 'Unlink']  
        - ['PasteText','PasteFromWord']  
        - ['Undo','Redo']  
        - ['Image','HorizontalRule','SpecialChar']  
        
      # use a custom javascript config file  
      customConfig: ''  

To configure CkEditor 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.

  • 4levelsJanuary 18, 2010 10:02 PM

    This is great!
    I guess we're all dying to see the front widget released!

    Keep up the great work!

  • ZernaoFebruary 12, 2010 2:05 AM

    Did you plan an approximative release date for the front widget ? I know that there is a lot of work to do on Diem, but an information would be great.

  • alfonsoMarch 5, 2010 10:08 AM

    Hi guys.

    Simple question. Correct me if I'm wrong because I'm still learning git but if your project is in a git repo, you can add the plugin as follows:

    git submodule add git://github.com/ornicar/dmCkEditorPlugin.git plugins/dmCkEditorPlugin

    I think that is better than cloning if your git version supports submodules. Is that correct?

  • ThibaultMarch 5, 2010 3:30 PM

    @Zernao I can't give you a date, but many people need it and we're working on it.

    @alfonso You're right, using submodules is great but it will only work if your project is a git repo. By the way I'll update plugin docs to precise it.

  • Thibault DMarch 9, 2010 3:48 AM

    The front widget is now available! And you can drag&drop pages and medias inside.

  • Yesssss !March 10, 2010 1:08 AM

    I will try it now

  • ZernaoMarch 10, 2010 1:31 AM

    Many thanks to Robert and Vincent. That's really great.
    Question: How to get ckeditor in Front for doctrine extra ckeditor behavior ? When outputing std $form, no ckeditor is available.

  • ZernaoMarch 10, 2010 1:34 AM

    With firebug on ckeditor fields: <textarea id="form_description_body" class="dm_ckeditor {&quot;language&quot;:&quot;en&quot;,&quot;toolbar&quot;:[[&quot;Format&quot;,&quot;Bold&quot;,&quot;Italic&quot;,&quot;Strike&quot;,&quot;Blockquote&quot;,&quot;-&quot;,&quot;NumberedList&quot;,&quot;BulletedList&quot;,&quot;-&quot;,&quot;Link&quot;,&quot;Unlink&quot;],[&quot;PasteText&quot;,&quot;PasteFromWord&quot;],[&quot;Undo&quot;,&quot;Redo&quot;],[&quot;Image&quot;,&quot;HorizontalRule&quot;,&quot;SpecialChar&quot;]],&quot;resize_enabled&quot;:false,&quot;extraPlugins&quot;:&quot;diem&quot;,&quot;customConfig&quot;:&quot;&quot;}" name="rfp_form[description_body]" cols="30" rows="4"></textarea>

Add a comment

dmCkEditorPlugin, created on January 7, 2010 by Thibault D, used by 251 projects

Fork Diem on GitHub