For some clients, the lack of an inline editor in Drupal for simple changes adds a real barrier. Many of the small businesses I deal with have never run a site and are terrified by the prospect.

I was really impressed when I saw the HTML5 Aloha editor http://aloha-editor.com, but was frustrated that the work on a D7 module has stalled.

For those who enjoy hand rolling their own the first thing is to embed the plugins and javascripts into your desired template eg:

<head> ...
<script type="text/javascript" src="aloha/aloha/aloha.js"></script>
<script type="text/javascript" src="aloha/aloha/plugins/com.gentics.aloha.plugins.Format/plugin.js"></script>
<script type="text/javascript" src="aloha/aloha/plugins/com.gentics.aloha.plugins.Table/plugin.js"></script>
<script type="text/javascript" src="aloha/aloha/plugins/com.gentics.aloha.plugins.List/plugin.js"></script>
</head>

then to make parts of your Drupal website editable
Define using css selectors like style which part/contents of the web page should be editable by Aloha Editor. For example, if you want to edit

<div id="content">...</div>

you should define it like this:

<script type="text/javascript">
$(function(){
  $('#content').aloha();
});
</script>

also, if you want to edit all elements of the class "editme" you should define it like that:

$('.editme').aloha();


For those who prefer a simple solution

An example can be seen (and used) at http://inlineedit.venturacottage.com (user and password are demo)

I have paid a programmer to develop the expertise to do this for you and your clients you can buy our time to achieve this.


Tags: 

Comments

Wonderful

Thank you for this, I will certainly be purchasing it. Wondering if you were going to include the ability to add images....

Hi Elena - the module makes

Hi Elena - the module makes the Aloha editor available, what appears on the Aloha bar depends on ITS configuration as it improves and expands more features will become available. But I will look int this for you...

Completely against paid modules

Great work and all of that and its nice to have an (apparently) fully-functional inline-editor, but in my opinion it is just downright wrong to offer paid modules for Drupal and host them outside Drupal.org. This is just going against everything that makes Drupal this popular and powerful and I personally wouldn't mind paying those $16 for someone to develop and host a clone on drupal.org.
Sorry about the rant, its nothing personal.
Nothing against making money with Drupal because that's what I do for a living btw.

Its a good point Alex and I

Its a good point Alex and I am keen to be guided by the community. I would rather ask people to buy 15mins of my time to help them add this functionality to their website. That after all is how most of us make our living. a client asks us to develop a website, they get drupal and all the necessary modules for free and they simply pay for the time taken. Like many of you if there are techniques that could be useful, we offer them back to the community FOC in ways such as my free tutorials section. I am seeking a way acceptable to the community when in this case, i pay a developer real money and work with them to develop techniques, that in this case happen to result in a module. Should I just keep it to myself? that seems a shame. If I offered a product on my website called "buy time to create a website for you - $400" I dont think anyone would object. I would then upload drupal and its modules and configure them. I think I will do the same with this and change the product to "Buy my time to add inline edit functionality to your site - $16" I will then work with the customer for 15 mins to achieve this. Would that be better? I am keen to learn (and also make a fair living

Add new comment

More information about text formats

Filtered HTML

  • To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Strips broken/unpublished internal links from output.
  • Adds node titles to internal links found in content (as HTML "title" attribute).
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
By submitting this form, you accept the Mollom privacy policy.