creating an instance of FCKEditor AFTER page loads

I already use this fine:

<script type="text/javascript">
var sBasePath= '/Library/fckeditor4/';
var oFCKeditor = new FCKeditor('Content') ;
oFCKeditor.BasePath = sBasePath ;
oFCKeditor.ToolbarSet = 'Transitional' ; //Transitional
oFCKeditor.Height = 350;
oFCKeditor.Config[ 'ToolbarLocation' ] = 'Out:xToolbar' ;
oFCKeditor.Value = '';
oFCKeditor.Create() ;
</script>

no problem. BUT, how do you create an FCK editor instance after a page has loaded, in a specific place? There are times where I wish to do this. Any ideas?
Thank you,
Samuel

Tue, 09/23/2008 - 19:32

scoobiest

Joined: 18/11/2007

Posts: 12

Re: creating an instance of FCKEditor AFTER page loads

I've been using a js function in the head and CreateHtml()...

function createEditor(ObjID)
            {
               
                     var div = document.getElementById(ObjID);
                     var fck = new FCKeditor(ObjID);
                     fck.Config["CustomConfigurationsPath"] = "/includes/fckconfig.js" ;
                     fck.Value=div.innerHTML;
                     fck.ToolbarSet = "Basic";
                     div.innerHTML = fck.CreateHtml()+"<br /><input type=\"button\" onclick=\"window.location.reload();\" value=\"Cancel\" /><input type=\"submit\" value=\"Save\" />";
            }

HTML

<form action="save.asp">
<div id="editArea" onclick="createEditor(this.id);">
<form>

Not sure if this is what you were after? But it might point you in the right direction.

... I can't get it to set the tool bar to basic though... still looking

Fri, 10/17/2008 - 15:38

samf

Joined: 16/09/2008

Posts: 17

Re: creating an instance of FCKEditor AFTER page loads

Thanks. This line in your code:

fck.Config["CustomConfigurationsPath"] = "/includes/fckconfig.js" ;

does it mean that I'm loading a different file than the one that would be loaded from the

<script id="3rdpartyfckeditor" type="text/javascript" src="../Library/fckeditor/fckeditor.js"></script>

tag in the head? i.e. if I already have included that script, do I need this line? Thanks, I think I'll work better with this if I understand the process.

Samuel

Tue, 11/11/2008 - 15:24

samf

Joined: 16/09/2008

Posts: 17

Re: creating an instance of FCKEditor AFTER page loads

THANK YOU !!! this worked, I modified it some

var editorCreated=false;
function createEditor(field, container){
   //create an instance of the editor one time only..
   if(editorCreated)return;           
   var fck = new FCKeditor(field);
   var sBasePath= '/Library/fckeditor/'; //change this as needed
   fck.BasePath= sBasePath ;
   fck.Value=g(container).innerHTML;
   fck.ToolbarSet = "Transitional";
   fck.Config[ 'ToolbarLocation' ] = 'Out:xToolbar' ; //I used a common toolbar but this is probably not approrpriate when I create an editor on the fly
   fck.Height = 350 ;
   document.getElementById(container).innerHTML = fck.CreateHtml();
   document.getElementById(container).style.visibility='visible';
   editorCreated=true;
}

//call this after the div below is declared
createEditor('Description','DescriptionContainer');

   Description:
   <div id="xToolbar" style="min-height:100px">&nbsp;</div>
   <div id="DescriptionContainer" style="min-height:350px;visibility:hidden;"><?php echo $Description; /* initial value from the database */ ?></div>