web-dev-qa-db-fra.com

Utiliser l'éditeur de texte enrichi dans les commentaires?

J'ai essayé de faire travailler l'éditeur de TinyMCE dans le domaine des commentaires, mais je n'ai pas pu le faire. Une autre suggestion que j'ai trouvée était http://nicedit.com , l'éditeur fonctionne, mais les commentaires ne sont pas enregistrés en texte enrichi.

TinyMCEComments semble le faire, mais n'a pas été mis à jour depuis un moment, il ne fonctionne pas pour 3.2.

Est-ce que quelqu'un a fonctionné? Merci!

commentstinymce
3
FLX

J'ai résolu le problème moi-même en chargeant tinymce dans l'en-tête:

wp_enqueue_script('tiny_mce');

Cela inclura le javascript de TinyMCE. Ensuite, utilisez simplement TinyMCE comme vous le souhaitez

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

Malheureusement, votre solution a un bug. TinyMCE cesse de fonctionner lorsqu'il est utilisé avec des commentaires filetés et que l'utilisateur clique sur réponse. C'est parce qu'il ne peut pas être déplacé dans DOM. TinyMCE doit être supprimé du DOM avant que le formulaire de commentaire ne soit déplacé dans la réponse, puis rajouté une fois que le formulaire de commentaire est en place. La même chose doit être faite lorsque/si l'utilisateur clique sur Annuler la réponse. J'ai posté un tas de code pour WordPress> 3.3 avec deux façons de résoudre ce problème dans un article de mon blog:

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

De plus, ma solution permet d’utiliser l’éditeur TinyMCE (Visual) ou Quicktags (HTML) ou les deux à l’aide de la fonction WordPress 3.3 wp_editor ().

1
Marko