Skip to content

WYSIWYG Editor in Drupal

2005 October 19
tags:
by dnorman

I just installed the HTMLArea module for Drupal on the weblogs.ucalgary.ca server. Wow. That’s one nice WYSIWYG editor! And I’m someone that usually hates WYSIWYG editors because of the craptacular code they typically spew out (like the last 2 I’d tried on that server).

This one appears to create nice, clean, semantic markup. And offers a “full screen” mode to give you essentially a “Dreamweaver Lite” experience – OK it’s more like “Dreamweaver Extremely Light”, but more than adequate.

The one downside – it doesn’t work in Safari because contenteditable isn’t supported (yet). But, it degrades cleanly (and silently) to a simple textarea element, so there’s nothing lost there.

I’m wondering if I can get this running in WordPress as well. I might actually use this one…

HTMLArea in drupal

Similar Posts:

  • None Found
19 Responses
  1. October 19, 2005

    Hey D’Arcy,

    Check out the lates WP nightlies and don’t waste yerself no time trying to get this to fit: http://wordpress.org/download/nightly-builds/

    Cheers, James

  2. October 19, 2005

    Pretty nice. I love the full-screen mode.

  3. October 19, 2005

    Actually just check out your edublogs site, exactly the same as the new WP WSYWIG

  4. October 19, 2005

    Yeah – I’d noticed that when I played with a build of 1.6 – or was it WPMU? The build I tried created some pretty crappy HTML – divs instead of paragraphs, etc… Perhaps that’s been cleaned up?

  5. October 19, 2005

    Just downloaded the latest build of 1.6, and the wysiwyg editor widget appears to create nicely semantic markup – paragraphs for paragraphs, rather than using divs as I think it did before. Even uses rather than .

    Looks like it’s missing the fullscreen mode, but that’s not the end of the world. Looking forward to WordPress 1.6!

  6. October 20, 2005

    FCKEditor is nice b/c of the image integration, but otherwise is really slow to load and a little cumbersome. HTMLArea is nice because it is really fast and smooth.

  7. David Carter-Tod permalink
    October 20, 2005

    Have you tried TinyMCE for drupal? http://drupal.org/project/tinymce

    I had a slightly mixed experience with HTMLArea – admittedly last year, and it looks improved now.

  8. October 20, 2005

    I’d tried both FCKEditor and TinyMCE – both worked, sorta. The code generated by TinyMCE was really bad, and FCKEditor wasn’t much better. HTMLArea looks nice and clean, and generates tight and semantically marked-up code.

  9. October 20, 2005

    I’ll have to agree with D’Arcy on the code generation from FCKEditor too … especially when folks copy content from Word/Outlook into IE (not my fav) w/out using the paste from word function … I may wind up switching if the image support improves or the html probs accelerate.

  10. October 21, 2005

    [...] D’Arcy Norman Dot Net priser en WYSIWYG editor til Drupal i høje toner. Var det noget? [...]

  11. Anne Jensen permalink
    November 10, 2005

    Contenteditable is indeed supported in Safari now. The Asbru Web Content Editor: http://editor.asbrusoft.com utilises this to support Safari 2.0.1+.

  12. November 10, 2005

    Anne, Asbru looks great (and runs just fine in Safari, too!) It looks like it creates some pretty gnarly HTML code though… DIV and FONT elements all over the place rather than using paragraph and css…

  13. Newbie permalink
    May 15, 2007

    just came across this article http://jefspalace.be/cms/drupal+WYSIWYG

  14. July 19, 2007

    Does anyone know whether any of the Drupal WSYIWIG modules can be configured to automatically generate a attribute/value for any A element?

    external link

    That would make it easier for readers to check out external articles.

    Thanks!

  15. September 6, 2007

    I’ve tried tinyMCE on Drupal 5.2. Didn’t work very well, some of the icons were broken – and the installation and configuration were a pain. Thanks to your post, I will give htmlArea a try now – and report my experiences later.

  16. akahn permalink
    November 23, 2007

    Does this integrate with any image uploading/management tools for Drupal?

  17. November 23, 2007

    @akahn: TinyMCE can integrate with the IMCE file manager.

  18. Michael permalink
    August 18, 2008

    @akahn, dnorman: FCKeditor works with IMCE as well.

  19. Chad permalink
    December 15, 2008

    I’m having issues getting wysiwyg api module and tinymce to work with imce for image uploading. I’ve been able to do this on another site but that was a d5 install.

    Any idea why imce doesn’t’ seem to integrate with tinymce?