Plain and Rich text editor options in TinyMce editor

Question

I am using the tinymce editor to give a good look of textarea where user write some comments. I want to give him two options: one is plain text and the other is a rich text editor option. When the user clicks on plain text option all rich text option removed and when user click on rich text it will get all options of formatting text. I want to do this in TinyMce Editor.

Is there anyone know how to implement it? I am searching from last 6 days how to implement this but i am failed to get any solution.

Answer 1

Well, you can take a look here:

Toggle editor with JavaScript

The code used is:

toggleEditor('content')

If you want the editor mode to be toggled based on the option chose by the user from another page, you can execute (or not to) the above function on page load.

There are links to other examples on that page which you might find useful too.

Update:

Upon reading the question a second time, you are asking for a plain-text/html and not a html-source/wysiwyg model. My suggestion above isn't the exact solution but it is still workable if the mode switching in the plain-text mode is hidden and locked.

Answer 2

This is what i did for my site;

<script type="text/javascript">
function changeposttype(){
    if($("#posttype option:selected").text() == 'Simple'){
        //tinymce.execCommand('mceToggleEditor',true,'new-post-desc');
        tinyMCE.execCommand('mceRemoveControl', false, 'new-post-desc'); 
    }else{
        tinyMCE.execCommand('mceAddControl', false, 'new-post-desc');
    }
}
</script>

And inside BODY tag

<select id="posttype" onchange="changeposttype()">
    <option>Rich</option>
    <option>Simple</option>
</select>
<br />
<textarea id="new-post-desc" class="PostEditor"></textarea>