web-dev-qa-db-ja.com

Wordpressのコメント - リッチテキスト

コメントシステムで画像ベースのステッカーを有効にするようクライアントから質問がありました。私は基本的なjQueryスクリプトを作りました。それはステッカーの選択を可能にし、それをコメントテキストエリアのマークアップとして追加します。

jQuery(".stickers img").click(function(){
   var img = jQuery(this).parent().html();
   var text = jQuery("#respond textarea").val();
   jQuery("#respond textarea").val(text + img);
});

これは送信を押しても問題なく動作しますが、これが発生するまでユーザーには生のHTMLコードが表示されます。

私は "コメント用のリッチテキストエディタ"というプラグインを見ましたが、これはWPリポジトリから削除されたようです。

誰かが似たようなプラグインを知っていますか、それともコメントtextareaがどのようにデフォルトでリッチテキストを使うように適応されることができるか？

jquerycommentshtml
1
user1235285

私はnicEdit を使って方法を見つけました。チュートリアル です。

これを完全に機能させるためには、スクリプトを少し修正する必要がありました。

jQuery(".stickers img").click(function(){
    var img = jQuery(this).parent().html();
    var text = jQuery("#respond .nicEdit-main").html();
    jQuery("#respond .nicEdit-main").html(text + img);
});

これが誰かに役立つことを願っています。

0
user1235285