TinyMce编辑器中的Plain和Rich文本编辑器选项

时间:2010-01-17 05:18:08

标签: javascript html tinymce plaintext rich-text-editor

我正在使用tinymce编辑器来仔细查看用户写一些注释的textarea。我想给他两个选项:一个是纯文本,另一个是富文本编辑器选项。当用户单击纯文本选项时,所有富文本选项都被删除,当用户单击富文本时,它将获得格式化文本的所有选项。我想在TinyMce编辑器中这样做。

有没有人知道如何实施它?我在过去的6天里搜索如何实现这一点,但我没有得到任何解决方案。

2 个答案:

答案 0 :(得分:5)

这就是我为我的网站所做的事情;

<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>

在BODY标签内

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

答案 1 :(得分:2)

嗯,你可以看看这里:

Toggle editor with JavaScript

使用的代码是:

toggleEditor('content')

如果您希望根据用户从另一个页面选择的选项切换编辑器模式,您可以在页面加载时执行(或不执行)上述功能。

在该页面上有其他示例的链接,您可能会发现它们也很有用。

更新

第二次阅读问题时,你要求的是纯文本/ html而不是html-source / wysiwyg模型。我上面的建议不是确切的解决方案,但如果隐藏和锁定纯文本模式中的模式切换,它仍然可行。