WYSIWYG Editor in Drupal

October 19, 2005 · 19 comments

in Uncategorized

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

{ 19 comments… read them below or add one }

1 James October 19, 2005 at 6:17 pm

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

Reply

2 Stephen Downes October 19, 2005 at 7:04 pm

Pretty nice. I love the full-screen mode.

Reply

3 James October 19, 2005 at 7:17 pm

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

Reply

4 D'Arcy October 19, 2005 at 8:06 pm

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?

Reply

5 D'Arcy October 19, 2005 at 8:38 pm

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!

Reply

6 Matt Pasiewicz October 20, 2005 at 5:08 pm

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.

Reply

7 David Carter-Tod October 20, 2005 at 5:37 pm

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.

Reply

8 D'Arcy October 20, 2005 at 6:13 pm

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.

Reply

9 Matt Pasiewicz October 20, 2005 at 6:22 pm

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.

Reply

10 Bubbling Minds » Blog-arkiv » WYSIWYG Editor in October 21, 2005 at 3:06 pm

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

Reply

11 Anne Jensen November 10, 2005 at 6:16 am

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

Reply

12 D'Arcy November 10, 2005 at 7:51 am

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…

Reply

13 Newbie May 15, 2007 at 12:09 pm

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

Reply

14 John the Moderator July 19, 2007 at 10:26 pm

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!

Reply

15 Rainer September 6, 2007 at 11:31 am

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.

Reply

16 akahn November 23, 2007 at 6:09 pm

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

Reply

17 dnorman November 23, 2007 at 10:58 pm

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

Reply

18 Michael August 18, 2008 at 4:11 am

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

Reply

19 Chad December 15, 2008 at 3:21 pm

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?

Reply

Leave a Comment

Previous post:

Next post: