switch form basic to Full toolbar with an url

Hi there,

I load CKEditor in my web page with the basic toolbar. I want to let the user choose the type of toolbar he needs. So I want to put 2 urls near the editor :

switch to [basic] or [full] toolbar

Does anyone know ho to do that ?

Wed, 12/02/2009 - 16:17

ryan.knutson

Joined: 02/12/2009

Posts: 2

Re: switch form basic to Full toolbar with an url

If you use an application language like coldfusion or php or asp you can read a url variable that allows you to then load a different toolbarset.

Mon, 12/07/2009 - 11:42

pilooz

Joined: 23/11/2009

Posts: 2

Re: switch form basic to Full toolbar with an url

Your answer is rigth if you want to reload the page.
I don't want this to rload the page.

I 'd like to have a javascript API that should change the toolbar dynamically.
I wrote a code like this but it's not working at all.
Any ideas ???

<a href="javascript:toogleEd(''Basic'');">basic</a>&nbsp;
<a href="javascript:toogleEd(''Full'');">advanced</a>
<textarea id="IdOfTextArea"></textarea>

<script type="text/javascript">
   // This is the declaration of CKeditor
    //<![CDATA[
         CKEDITOR.replace( 'IdOfTextArea' , {toolbar:''Full'',width:''90%'' } );
         var oEditor= CKEDITOR.instances.IdOfTextArea;
    //]]>           
</script>

<!-- some html stuff...-->

<script>
function toogleEd(sState) {
    CKEDITOR.remove(oEditor);
    CKEDITOR.appendTo( 'IdOfTextArea', {toolbar: sState,width: ''90%'' });
}
</script>

Fri, 02/05/2010 - 19:39

richtor

Joined: 05/02/2010

Posts: 1

Re: switch form basic to Full toolbar with an url

I wanted to the same thing and ended up "Destroying" the editor and creating it again. So it sets it back to a textarea then back to a CKEditor, so it keeps your text and don't have to refresh the page or keep track of your text.

<a id="basicTools" onclick="toBasic()" style="display:none;cursor:pointer;">Switch to Basic Editor Toolbar</a> 
<a id="advancedTools" onclick="toAdvanced()" style="cursor:pointer;">Switch to Advanced Editor Toolbar</a>
<script type="text/javascript">
   function toBasic(){
      editor.destroy();  //Back to Textarea
      editor = CKEDITOR.replace( 'text1', { toolbar : 'Basic' } );  //Create CKEditor
      document.getElementById('basicTools').style.display = 'none';
      document.getElementById('advancedTools').style.display = '';
   }
   function toAdvanced(){
      editor.destroy(); //Back to Textarea
      editor = CKEDITOR.replace( 'text1', { toolbar : 'Advanced' } ); //Create CKEditor
      document.getElementById('advancedTools').style.display = 'none';
      document.getElementById('basicTools').style.display = '';   
   }
</script>
<textarea rows="10" cols="40" name="text1" id="text1"></textarea>
<script type="text/javascript">
   var editor = CKEDITOR.replace( 'text1', { toolbar : 'Basic' } );
</script>

Tue, 03/09/2010 - 23:42

msacket

Joined: 05/03/2010

Posts: 5

Re: switch form basic to Full toolbar with an url (solution)

In case you missed it, here is another possible solution:

http://cksource.com/forums/viewtopic.php?f=11&t=17949