Specify Custom CSS for Editor

Even though jHtmlArea contains some "default" CSS to use for styling the WYSIWYG editor; it can be overridden to use which ever CSS file necessary to skin the editor to match the web page with which it resides. To do this just set the "css" option parameter when creating the jHtmlArea editor to URL of the desired CSS file.
$('textarea').htmlarea({
    css: '/style//jHtmlArea.Editor.css'
});

Last edited May 5, 2012 at 9:26 PM by crpietschmann, version 1

Comments

azhdari Jan 3, 2014 at 8:48 PM 
body tag in iframe conflicts with main body tag of our html page.
I think it's better to add this:
$(edit.getElementsByTagName('body')[0]).addClass("editor-body");
to line number 313. this adds a css class (editor-body) to body tag in the editor.

sorry for poor english