Oct
19
(2005)
WYSIWYG Editor in Drupal
Filed under: Uncategorized. Tags: drupal.
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…

Comments
18 Responses to “WYSIWYG Editor in Drupal”
Leave a Reply

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
Pretty nice. I love the full-screen mode.
Actually just check out your edublogs site, exactly the same as the new WP WSYWIG
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?
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!
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.
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.
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.
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.
[...] D’Arcy Norman Dot Net priser en WYSIWYG editor til Drupal i høje toner. Var det noget? [...]
Contenteditable is indeed supported in Safari now. The Asbru Web Content Editor: http://editor.asbrusoft.com utilises this to support Safari 2.0.1+.
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…
just came across this article
http://jefspalace.be/cms/drupal+WYSIWYG
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!
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.
Does this integrate with any image uploading/management tools for Drupal?
@akahn: TinyMCE can integrate with the IMCE file manager.
@akahn, dnorman: FCKeditor works with IMCE as well.