前提・実現したいこと
WordPressのコメント欄でレス番号をクリックしたらそれに※印アンカー付きで返信できる機能を追加したいと思っています。
参考となるページがあったので、ほとんどそのページで紹介されているコードをコピーして導入したのですが一つだけ変更したい点があります。
レス番号を押して※○と記入された際に改行を入れたいです。
※1 書き出し
としたいということです。
追記
そして、それと同時にテキストエリアが選択されている状態になってほしいです。
発生している問題・エラーメッセージ
※1書き出し
該当のソースコード
JavaScript
1 /** 2 * 「これにレス」機能 3 * 4 * @link http://ugokay01.wpblog.jp/wordpress-2ch-like-res-link/ 5 */ 6 (function () { 7 var 8 // 設定 9 selResFormLink = '.comment-form-link' // 返信リンクのjQueryセレクタ 10 , selForm = '#respond' // コメントフォームのjQueryセレクタ(form要素) 11 , selComment = '#comment' // コメント本文のjQueryセレクタ(textarea要素) 12 , strResAnchor = '※' // レスアンカーの開始文字列(複数指定は不可) 13 , flagScroll = false // スムーズスクロール(true:する、false:しない) 14 , flagBack = true // ジャンプ先から戻れるようURLを履歴に残す(true:する、false:しない) 15 16 // その他変数 17 , jqResFormLink // 返信リンクのjQueryオブジェクト 18 , jqForm // コメントフォームのjQueryオブジェクト 19 , jqComment // コメント本文のjQueryオブジェクト 20 ; 21 22 // jQueryオブジェクトを取得 23 jqResFormLink = $(selResFormLink); // 返信リンク 24 jqForm = $(selForm); // コメントフォーム 25 jqComment = $(selComment); // コメント本文 26 27 // 返信リンクのイベントにバインド 28 jqResFormLink 29 .on('click', function(eventObject) { 30 if (flagScroll) { // スムーズスクロールの判定 31 $('body, html').animate({scrollTop: jqForm.offset().top}, 200); // スムーズスクロール 32 } 33 if (!flagBack) { // 戻るフラグの判定はスムーズスクロールの後に行う(移動を伴うため) 34 $('body, html').scrollTop(jqForm.offset().top); // 表示位置変更 35 eventObject.preventDefault(); // a要素の動作を無効化 36 } 37 jqComment.val(jqComment.val() + strResAnchor + $(this).html()); // コメント本文の末尾にレスアンカー挿入 38 }) 39 .attr('title', 'これにレス') 40 ; 41 }()); 42});
試したこと
JavaScriptなので\nを入れれば改行できるとは思うのですが、どこに入れればいいかがわかりませんでした。
補足情報(FW/ツールのバージョンなど)
こちらのページをそのまま導入しています。
回答1件
あなたの回答
tips
プレビュー