TinyMce 编辑器中的纯文本和富文本编辑器选项

发布于 2024-08-18 07:11:48 字数 215 浏览 8 评论 0原文

我正在使用tinymce编辑器来很好地查看用户在其中写一些评论的textarea。我想给他两个选择:一个是纯文本,另一个是富文本编辑器选项。当用户单击纯文本选项时,所有富文本选项都会被删除,而当用户单击富文本时,它将获得所有格式文本选项。我想在 TinyMce 编辑器中执行此操作。

有谁知道如何实施吗?我在过去 6 天里一直在寻找如何实现这一点,但我没有得到任何解决方案。

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.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

咽泪装欢 2024-08-25 07:11:48

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

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

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>
梓梦 2024-08-25 07:11:48

好吧,你可以看这里:

Toggle editor with JavaScript

使用的代码是:

toggleEditor('content')

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

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

更新:

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

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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文