Dojo RTE editor (dijit Editor)

02 May 2010

Finished upgrading an old site to use dojo and codeignite. In order to simplify things I added the RTE editor in order to simplify the code. There is no need to add logic related to the content on the page so html-content is preferable.

excerpt from the content/editor.js:

dojo.require("dijit.Editor");
dojo.require("dijit.form.TextBox");
dojo.require("dijit._editor.plugins.FontChoice");
dojo.require("dijit._editor.plugins.LinkDialog");
dojo.addOnLoad(function(){
    dijit.byId('bodyeditor').setValue(dojo.byId('body').value);
    dojo.query('[name="submit"]').onclick( function(evt) {
         dojo.byId('body').value = dijit.byId('bodyeditor').getValue();
    });
});

and from the view editor.php:

$actiontitle

Titel:

Body: <? echo set_value('body',$body) ?>

Note the dojoType attribute of the editor div:

dojoType="dijit.Editor"
extraPlugins="[
    {
    name:'dijit._editor.plugins.FontChoice',
    command:'fontName',
    generic:true
    },{
    name:'dijit._editor.plugins.LinkDialog',
    command:'createLink'
    }]"
id="bodyeditor" required="true"

As you can see, I opted for the more declarative way.

There were some pitfalls. I could not use the editor directly for instance. I had to define a hidden element for the content and post that element. Also, the declarative statement looks kind of ugly since we have to add the full name of the editor plugins.

The first thing you notice of dojo is that the api isn’t as slick as jquery. That is expected since dojo spans more functionality. dojo shines however in one position: dojo.require. Like the import statement in java and python or the using statement in C#.

Comments

Do you want to send a comment or give me a hint about any issues with a blog post: Open up an issue on GitHub.

Do you want to fix an error or add a comment published on the blog? You can do a fork of this post and do a pull request on github.

Assertfail

Dojo RTE editor (dijit Editor)

Tags

Comments