Change editor document style at runtime

Call this function like "setEditorCss('color: #322805; background-color: #F7C928;')"

(Note that the cssText property used in this function has no public standard applied to it. And that you have to fill in the instanceName of your FCKeditor in the 'GetInstance' method)

function setEditorCSS(editorCSS)
{
if (!window.FCKeditorAPI)
{
alert("FCKeditor not loaded yet");
return false;
}

if (!window.FCKEditor)
{
// get the main FCKeditor object
var FCKEditor = FCKeditorAPI.GetInstance('FCKeditor') ;
}

if (!window.FCKEditorDOM)
{
// Get the Editor Area DOM (Document object).
var FCKEditorDOM = FCKEditor.EditorDocument ;
}

FCKEditorDOM.body.style.cssText += editorCSS;
}

Fri, 06/30/2006 - 00:20

pictor

Joined: 25/06/2007

Posts: 14

RE: Change editor document style at runtime

Wonderful, but it always tells me FCKEditor is not loaded yet".

Maybe because I call this function in the ASP function that create a new instance. I call it two times and it colors only one of the two textareas, while the second isn't loaded yet and it tells me that Error.

Any suggestion?

Thanks

Fri, 06/30/2006 - 11:42

saul11

Joined: 19/06/2006

Posts: 633

RE: Change editor document style at runtime

Should the FCKeditor logically be available when you call the function 'setEditorCss'? If not, try onload or on a point where you are sure to have the editor loaded...

Mon, 11/13/2006 - 09:43

bngobngo

Joined: 18/08/2005

Posts: 144

RE: Change editor document style at runtime

Instead of doing this:

FCKeditorAPI.GetInstance('FCKeditor1').EditorDocument.body.style.cssText += 'color: #322805; background-color: #F7C928;';

Is there a way to make FCKeditor use a specific stylesheet on startup (a stylesheet that is usable in pages)?

I also want to be able to switch the stylesheet above whenever I want to, after the editor has been loaded.

That would be cool.

I do not want to switch the css on a one by one attribute way.

I want to switch stylesheets......

Is this future music for FCKeditor?

Mon, 11/13/2006 - 11:42

alfonsoml

Joined: 31/12/2006

Posts: 3737

RE: Change editor document style at runtime

> Is there a way to make FCKeditor use a specific stylesheet on startup (a stylesheet that is usable in pages)?

Just read the documentation:
http://wiki.fckeditor.net/Developer%27s ... torAreaCSS

> I also want to be able to switch the stylesheet above whenever I want to, after the editor has been loaded.

you'll need to write some javascript to do that. Not hard to do (maybe just doing a getxhtml, change stylesheet and setxhtml might work, if not just DOM manipulation)

Thu, 10/26/2006 - 08:47

saul11

Joined: 19/06/2006

Posts: 633

RE: Change editor document style at runtime

Update:

Actually this can be done much easier through the API's event functionality :

<script type="text/javascript">
function FCKeditor_OnComplete( editorInstance )
{
FCKeditorAPI.GetInstance('FCKeditor1').EditorDocument.body.style.cssText += 'color: #322805; background-color: #F7C928;';
}
</script>

Thu, 12/14/2006 - 01:00

saul11

Joined: 19/06/2006

Posts: 633

RE: Change editor document style at runtime

Another update:

Don't do FCKeditorAPI.GetInstance('FCKeditor1').EditorDocument...
but do editorInstance.EditorDocument...