Multiple textareas styles on same page please!

Hi, I'm new to the FCKeditor but have managed to get it up and running quickly on a php platform after first having installed openwysiwyg which wasn't bad but lacked cross browser compatibility.
What I would like to do, something that I used with openwysiwyg but can't seem to find on FCK, is change the look of multiple textareas on a page (Title, text, caption etc) so that it reflects the stylesheets for each component on my site.
Obviously I could have all these elements show up correctly in one textarea by attaching a css and applying the right styles to each element, but this site requires multiple table entries.

To resume, I have managed to create the multiple textareas on my page like this :
{
var oFCKeditorTit = new FCKeditor( 'tit','450','100','Title' ) ;
var oFCKeditorTxt = new FCKeditor( 'txt','450','200','Text' ) ;
...
and configure these in fckconfig.js :
FCKConfig.ToolbarSets["Title"] = [
['FontSize',...
FCKConfig.ToolbarSets["Text"] = [
['Bold',...

this works fine but I would like each of these blocks to carry the correct styles (different fonts, colours etc) when editing.
Can anybody help me on this one?
Thank's, Everlyn

Fri, 08/29/2008 - 15:23

everlyn

Joined: 28/08/2008

Posts: 3

Re: Multiple textareas styles on same page please!

http://docs.fckeditor.net/FCKeditor_2.x ... Script_API

Fri, 08/29/2008 - 16:14

shri046

Joined: 08/04/2008

Posts: 56

Re: Multiple textareas styles on same page please!

You could try setting the configuration option like this

window.onload = function()
{
var oFCKeditorTit = new FCKeditor( 'lib','450','100','Titre' ) ;
oFCKeditorTit.Config['EditorAreaCSS'] = 'custom_1.css' ;

var oFCKeditorTxt = new FCKeditor( 'chapo','450','200','Texte' ) ;
oFCKeditorTxt.Config['EditorAreaCSS'] = 'custom_2.css' ;

oFCKeditorTit.BasePath = '/admin/fckeditor/' ;
oFCKeditorTit.ReplaceTextarea() ;
oFCKeditorTxt.BasePath = '/admin/fckeditor/' ;
oFCKeditorTxt.ReplaceTextarea() ;
}

If you don't want to use a CSS file then you can set the FCKConfig.EditorAreaStyles configuration option for each of the editor instances you create.

var oFCKeditorTit = new FCKeditor( 'lib','450','100','Titre' ) ;
oFCKeditorTit.Config['EditorAreaStyles'] = 'font-family: Courier New, Arial, Verdana, Sans-Serif; font-size: 12px;' ;

var oFCKeditorTxt = new FCKeditor( 'chapo','450','200','Texte' ) ;
oFCKeditorTxt.Config['EditorAreaStyles'] = 'font-size: 18px;' ;
.....
.....

Fri, 08/29/2008 - 19:40

everlyn

Joined: 28/08/2008

Posts: 3

Re: Multiple textareas styles on same page please!

Thanks shri046, your method is a lot cleaner and hassle free, it's going to save me time.
Keep up the useful posts.
Everlyn