javascript - Plain and Rich text editor options in TinyMce editor - Stack Overflow

admin管理员组

文章数量:1324793

I am using the tinymce editor to give a good look of textarea where user write some ments. 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.

I am using the tinymce editor to give a good look of textarea where user write some ments. 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.

• javascript
• html
• tinymce
• plaintext
• rich-text-editor

Share Follow edited Sep 24, 2013 at 19:56 Jeromy French 12.1k1919 gold badges7878 silver badges135135 bronze badges asked Jan 17, 2010 at 5:18 Emaad AliEmaad Ali 1,50155 gold badges2020 silver badges4242 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

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>

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.

本文标签： javascriptPlain and Rich text editor options in TinyMce editorStack Overflow