是否在评论中使用富文本编辑器?

时间:2011-07-08 作者:FLX

我一直在尝试让TinyMCE编辑器在评论字段中工作,但我无法做到这一点。我发现的另一个建议是http://nicedit.com, 编辑器正在工作,但注释未保存在富格文本中。

TinyMCEComments似乎可以做到这一点,但已经有一段时间没有更新了,它不适用于3.2。

有人把它弄好了吗?谢谢

2 个回复
最合适的回答,由SO网友:FLX 整理而成

通过在标题中加载tinymce自己解决了此问题:

wp_enqueue_script(\'tiny_mce\');
这将包括TinyMCE javascript。然后只要按你的意愿使用TinyMCE

<script type="text/javascript">
 tinyMCE.init({
    mode : "textareas",
    theme : "advanced",
    plugins : "autolink,lists,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

    theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
    theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
    theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
    theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    theme_advanced_resizing : true,

    skin : "o2k7",
    skin_variant : "silver",
});
</script>

SO网友:Marko

不幸的是,您的解决方案有一个bug。TinyMCE与线程注释一起使用时停止工作,用户单击“回复”。这是因为它不能在DOM中移动。在回复时移动注释表单之前,必须从DOM中删除TinyMCE,并在注释表单就位后重新添加。当/如果用户单击“取消回复”,则需要执行相同的操作。我在博客上的一篇文章中发布了一系列WordPress>3.3的代码,其中有两种解决此问题的方法:

http://www.techytalk.info/add-tinymce-quicktags-visual-editors-wordpress-comments-form/

此外,我的解决方案还可以同时使用TinyMCE(Visual)或Quicktags(HTML)编辑器,或者同时使用WordPress 3.3 wp\\u editor()函数。

结束

相关推荐

如何在TinyMCE中插入链接图像

WordPress附带的TinyMCE编辑器中没有用于从链接插入图像的按钮。我知道您可以使用上载/插入部分来完成此操作。但我们可以说,我不想让用户上传图像,但希望他们能够通过链接插入图像。如果删除上载功能,上载/插入部分将完全消失在WordPress上已经有这样做的方法了吗?