The forum operates in read-only mode. Please head to StackOverflow for support.

Fri, 10/12/2007 - 01:51

castles

Joined: 15/08/2007

Posts: 5

reload editor Format drop down

I want to know if its possible to reload the editor format dropdown without refreshing the page.

I'm using the following to change the css of the editor:

var oEditor = FCKeditorAPI.GetInstance('FCKeditor1') ;
oEditor.Config['EditorAreaCSS']= ["fck.css"];
oEditor.SwitchEditMode();
oEditor.SwitchEditMode();

which works fine for the editor but the format dropdown isn't updating its styles.

Any suggestions?

Thanks

Mon, 10/15/2007 - 03:25

castles

Joined: 15/08/2007

Posts: 5

Re: reload editor Format drop down

I've come up with a solution that will refresh the entire editor which reloads the format drop down without refreshing the whole page.

I added the following code to the fckeditor.html file..

// mod to allow for custom editor area css
if(FCKURLParams['EditorAreaCSS'])
   FCKConfig.EditorAreaCSS = FCKURLParams['EditorAreaCSS'];

and that allows me to pass in a parameter to the iframe that will force the editor to use the new CSS.

To refresh the editor using javascript I have used the following:

var oEditor = FCKeditorAPI.GetInstance('content') ; //get editor object
document.getElementById("content").value = oEditor.GetHTML(); //save any changes
document.getElementById("content___Frame").src=document.getElementById("content___Frame").src.replace(/templates\/(.*)\/fck.css/,"templates/"+template+"/fck.css"); //refresh the iframe with new css

Tue, 10/30/2007 - 06:17

sachinkraj

Joined: 29/10/2007

Posts: 5

Re: reload editor Format drop down

Can you please clearly describe the procedure of putting these code lines in the fckeditor.html. I am facing the same issue, and when I go to format heading drop down, the page refreshes and the cursor immediately goes to up. Can you plz help in this?

Tue, 10/30/2007 - 07:05

castles

Joined: 15/08/2007

Posts: 5

Re: reload editor Format drop down

here is where I have put it in the html file..

// Base configuration file.
LoadScript( '../fckconfig.js' ) ;

   </script>
   <script type="text/javascript">
   
// mod to allow for custom editor area css
if(FCKURLParams['EditorAreaCSS'])
   FCKConfig.EditorAreaCSS = FCKURLParams['EditorAreaCSS']; 

if ( FCKBrowserInfo.IsIE )
{

and here is my new change Template function:

function changeTemplate(template) {
   var oEditor = FCKeditorAPI.GetInstance('content') ;
   document.getElementById("content").value = oEditor.GetHTML();
   document.getElementById("content___Frame").src=document.getElementById("content___Frame").src.replace(/templates%2F(.*)%2Ffck.css/,"templates%2F"+template+"%2Ffck.css");
}

I had to change it because the forward slashes in the url were playing havoc with inserted images.

does that help?

Tue, 10/30/2007 - 09:21

sachinkraj

Joined: 29/10/2007

Posts: 5

Re: reload editor Format drop down

I forget to tell you one thing that I am using it with MediaWiki, so I dont have any changeTemplate function in it. Or may be its not there. After adding

// mod to allow for custom editor area css
if(FCKURLParams['EditorAreaCSS'])
   FCKConfig.EditorAreaCSS = FCKURLParams['EditorAreaCSS'];

I am still facing the same errror, by clicking on the drop down cursor is going up , not staying at where I had selected text. Are you getting my point correctly?

Tue, 10/30/2007 - 11:44

castles

Joined: 15/08/2007

Posts: 5

Re: reload editor Format drop down

Oh, this is a different issue sorry, my solution was just a way to change the stylesheet for an editor without refreshing the page. I called the change template function from my own custom drop down.

Tue, 10/30/2007 - 11:51

sachinkraj

Joined: 29/10/2007

Posts: 5

Re: reload editor Format drop down

Ok, I thought you were dealing with the same issue I have.

Tue, 08/19/2008 - 17:51

hamishrobertson

Joined: 16/08/2008

Posts: 7

Re: reload editor Format drop down

I have a similar problem.. I dont know how many version changes and how much of the code has changed since the time this thread was started but its the same kind of idea so I thought id continue this one rather than starting a new thread.

I am trying to dynamicaly set the StylesXmlPath without reloading the page. In order to do this it appears the editor has to be reloaded somehow.
So I am appealing to anyone that knows some way to force the Styles menu.. or the whole editor.. to be reloaded.

I have been trying to adapt castles' code:

document.getElementById("editor1").value = ed.GetHTML(); //save any changes
document.getElementById("editor1___Frame").src=document.getElementById("editor1___Frame").src.replace("fckstyles.xml","styles1.xml");

Obviously I am just using styles1.xml to test it.. in reality it would point to a php file that would generate the xml.
I have tried it with and without ed.Config['StylesXmlPath'] = '/cms/fckeditor/styles1.xml'; before the above line.

Whatever I try, the Styles menu still contains the styles from fckstyles.xml.

Thanks for any ideas!