You’re absolutely right and I’m planning on doing that. At first, the javascript code needed was pretty small so I put it inline. But as I added helpers it grew.

Expect a fix very soon and thanks for pointing it out!

Update – October 3, 9:39 PM

We just pushed a new version of the gem. It has a file called wysihat_engine.js which holds most of the javascript that was inline (except for the addButton() calls). :)

Regarding the Quote:
I gave you credit for “bringing” the missing editor to us in an elegant, easy to use and robust way!

Cause without the WysiHat Engine I might’ve never looked into WysiHat itself at all! And now I don’t really “have” to thanks to this Engine.

So, thank you for that, my friend! ;)

@michael thanks for your kind words, but the credit for this goes to Joshua Peek:
“thank you for bringing me “the missing WYSIWYG editor” to us in such an elegant, easy to use and robust way!”

A while back I was looking for (asked around twitter, searched through google, even asked Jeff Kreeftmeijer himself for his opinion and suggestions!) to find a good WYSIWYG editor I could repeatedly use without switching back and forth editors per project. (Inconsistency is one of the things I truly hate).

I’ve used a couple of rich text editors, but always found them way to heavy or inflexible and extremely irritating to implement and customize. I prefer keeping all my logic bundled inside my Rails application. By “logic” I mean scripting/programming logic. So having to go into Javascript mode to do all sorts of things to my “text area” to get it working inside a different layer of my application, which does not consist of a single line of Ruby.. No Thanks!

Enter: “WysiHat Engine”.

Giving me a WYSIWYG’d text area by replacing “form.text_area” with “form.wysihat_editor” and, on the same line, telling it what buttons I wish to use? Brilliant! Need image uploading? :buttons => [:image]. Now, the other part I like, is the fact that this does not come with a whole pre-installed GUI like basically every other WYSIWYG out there. It gets wrapped inside of divs and you get all the flexibility to style the GUI to your web application’s style with ease.

All I can say is thank you for bringing me “the missing WYSIWYG editor” to us in such an elegant, easy to use and robust way!

And all I can do is FORK and SUGGEST!

I would love to see both this “WysiHat Engine” as well as the “WysiHat Javascript Core” evolve over time!


// Custom sanitization
editor.outputFilter = function(text) {
return text.formatHTMLOutput().sanitize({
tags: ['span', 'p', 'br', 'strong', 'em', 'a'],
attributes: ['id', 'href']
});
};

// Clean up editor on paste
editor.observe("wysihat:paste", function(event) {
setTimeout(function() {
event.target.reload();
}, 1);
});