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

Impossible to fetch issues for this plugin.
Impossible to get this plugin changelog.

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

Fork Diem on GitHub