Multiple editors, but only one toolbar

Hi,

I've posted this in the 2.0 forum too, but was hoping someone might read it here...

Does anyone know if this is possible, as I'm developing a system with 3 fixed textareas, but would like to only have one toolbar.

Stu

Mon, 01/10/2005 - 01:42

dsodol

Joined: 10/01/2005

Posts: 3

RE: Multiple editors, but only one toolbar

Yes, it's possible. If you interested, I can provide an example source code.

Mon, 01/10/2005 - 02:29

drmartens

Joined: 19/01/2005

Posts: 12

RE: Multiple editors, but only one toolbar

maybe post it here

Sat, 01/15/2005 - 17:54

anissat

Joined: 02/02/2005

Posts: 7

RE: Multiple editors, but only one toolbar

Does this work in 1.6 ?

Tue, 01/11/2005 - 22:47

dsodol

Joined: 10/01/2005

Posts: 3

RE: Multiple editors, but only one toolbar

<html>


<body>

<script> var rootUrl="<a href="http://localhost/testfck/" target="_blank">http://localhost/testfck/</a>"; </script>

<script type="text/javascript" src="FCKeditor/fckeditor.js"></script>

<script language="javascript">
var FCKeditor_OnComplete_count=0;

function OnFCKMouseDown(){
   this.FCK.Focus();
}

function OnFCKMouseUp(){
}

function FCKeditor_OnComplete( FCK ) {
 //document.form1.onsubmit=null;
 FCKeditor_OnComplete_count++;
 var win=null;

 if (FCK.Name=="FCKToolbar") {
    win = window.frames['FCKToolbar___Frame'];
    win.document.getElementById('eWysiwyg').style.display='none';
    win.document.getElementById('eSource').style.display='none';
   document.getElementById('FCKToolbar___Frame').unselectable="on";
   FCK.Config.ToolbarCanCollapse = false;
   FCK.ToolbarSet.Restart();
 }
 else {
  win = window.frames[FCK.Name+"___Frame"];
  win.document.getElementById( 'Collapsed' ).style.display = 'none' ;
  win.document.getElementById( 'Expanded' ).style.display = 'none' ;
  
  win._FCK = FCK;
  
  document.getElementById(FCK.Name+"___Frame").onfocus=OnFCKFocus;
  
  FCK.EditorDocument.FCK = FCK;
  
  FCK.EditorDocument.onmousedown=OnFCKMouseDown;
  FCK.EditorDocument.onmouseup=OnFCKMouseUp;
  
 }

 if (FCKeditor_OnComplete_count==3) {
    // all editors are loaded
 }

}

function OnFCKFocus() {
 win0 = window.frames['FCKToolbar___Frame'];
 win = window.frames[event.srcElement.id];

 win0.FCK=win._FCK;
 
 if (win0.FCKToolbarSet && win0.FCKToolbarSet.RefreshItemsState) {
    win.FCK.AttachToOnSelectionChange( win0.FCKToolbarSet.RefreshItemsState );
    win0.FCKToolbarSet.RefreshItemsState();
 }

 FCKFocusFlag=false;
}

function CreateSplitter(e, target) {
 e.target=target;
 if (!target.style.height && target.height) { target.style.height=target.height; }

 e.onmousedown=function() { this.h0=this.target.style.pixelHeight; this.y0=event.y; this.setCapture(); } 
 e.onmouseup=function() { this.y0=null; this.releaseCapture(); } 
 e.onmousemove=function() { 
    if (this.y0==null) return; 
   var h = this.h0+event.y-this.y0; 
   if (h>10) this.target.style.pixelHeight=h; 
   window.status=h;
 }
}



</script>


<script language="javascript">

  ////////////////////////////////////////////////////////////
  //
  // Toolbar
  //
  ////////////////////////////////////////////////////////////

  var o = new FCKeditor( 'FCKToolbar' , '625px', '85px');
  o.BasePath = rootUrl+"FCKeditor/";
  o.Config['SkinPath']=rootUrl+"FCKeditor/editor/skins/silver/";
  o.Config["AutoDetectLanguage"] = false ;
  o.Config["DefaultLanguage"]    = "en" ;
  o.Create();

  ////////////////////////////////////////////////////////////

</script>

<br>

1st editor

<script language="javascript">

  ////////////////////////////////////////////////////////////
  //
  // 1st editor
  //
  ////////////////////////////////////////////////////////////

  var o = new FCKeditor( 'abstract' , '625px', '100px');
  o.BasePath = rootUrl+"FCKeditor/";
  //o.ToolbarSet='Empty';
  o.Config['SkinPath']=rootUrl+"FCKeditor/editor/skins/silver/";
  o.Config["AutoDetectLanguage"] = false ;
  o.Config["DefaultLanguage"]    = "en" ;
  o.Create();

</script>

<hr id="abstractSplitter" align="left" NOSHADE="false" style="width=625px; cursor=row-resize;">

2nd editor

<script language="javascript">
  ////////////////////////////////////////////////////////////
  //
  // 2nd editor
  //
  ////////////////////////////////////////////////////////////

  var o = new FCKeditor( 'msg' , '625px', '200px');
  o.BasePath = rootUrl+"FCKeditor/";
  //o.ToolbarSet='Empty';
  o.Config['SkinPath']=rootUrl+"FCKeditor/editor/skins/silver/";
  o.Config["AutoDetectLanguage"] = false ;
  o.Config["DefaultLanguage"]    = "en" ;
  o.Create();
</script>

<hr id="articleSplitter" align="left" NOSHADE="false" style="width=625px; cursor=row-resize;">

<script>
CreateSplitter(document.getElementById('abstractSplitter'), document.getElementById('abstract___Frame'));
CreateSplitter(document.getElementById('articleSplitter'), document.getElementById('msg___Frame'));
</script>



</body>

</html>

Mon, 01/24/2005 - 02:20

splitfeed

Joined: 25/01/2005

Posts: 5

RE: Multiple editors, but only one toolbar

I use a modified version of the above code to put the editors inside an iframe and the toolbar outside of it to make the toolbar visible even if you scroll down to reach another editor, but for some reason some of the buttons never get activated. The ones I've noticed this problem with is:
Special chars
Link (Unlink works)
Select all

Anyone know why this might be happening? As far as I know, the only editing I've made to the code is to make it find the editors and toolbar in their frames.

Mon, 01/24/2005 - 06:39

splitfeed

Joined: 25/01/2005

Posts: 5