Toggle

Hi,

i can´t figure out how to toggle the Editor, to switch between plain textarea and the editor
maybe someone can giv me a hint.

thx marek

Mon, 03/15/2010 - 21:34

magic77

Joined: 14/03/2010

Posts: 6

Re: Toggle

Mon, 03/15/2010 - 23:18

topazas

Joined: 14/03/2010

Posts: 3

Re: Toggle

Can you post a working example. Thanks.

Tue, 03/16/2010 - 16:55

magic77

Joined: 14/03/2010

Posts: 6

Re: Toggle

example - with mootools 1.2

 var HDEDITORstat = "Enable";
    window.addEvent('domready', function(){
      if (HDEDITORstat == "Enable") {
        toggleHDEDITOR();
      }
    });
function toggleHDEDITOR() {    
        if (!CKEDITOR.instances.HDEDITOR) {
          $('HDEDITORButton').set('src', 'button_on.png');
          CKEDITOR.replace( 'HDEDITOR', {
            language: 'de',
            filebrowserWindowWidth: '800',
            filebrowserWindowHeight: '600',
            filebrowserBrowseUrl: '/admin/ckfinder/ckfinder.html',
            filebrowserImageBrowseUrl: '/admin/ckfinder/ckfinder.html?Type=Images',
            filebrowserFlashBrowseUrl: '/admin/ckfinder/ckfinder.html?Type=Flash',
            filebrowserUploadUrl: '/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files',
            filebrowserImageUploadUrl: '/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Images',
            filebrowserFlashUploadUrl: '/admin/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Flash'
          });
          return;
        } else {
          $('HDEDITORButton').set('src', 'button_off.png');
          CKEDITOR.instances.HDEDITOR.destroy();
        }
  }

html:

<div class="toggle_button"><img id="HDEDITORButton" src="button_off.png" onclick="toggleHDEDITOR();" style="cursor:pointer;" /></div>
<textarea name="HDEDITOR" class="HDEDITORarea" style="width:763px;height:350px;">TEXT....</textarea>

this is just a snippet. i found out that it´s better to work with <textarea name="HDEDITOR"...> instead of
<textarea id="HDEDITOR"...>

that´s it