gun集積wangediiter手順

gunsのメッセージモジュールはwangediterリッチテキストを集めています.直接参照できます.
私が参考にしている間に、理解が足りなくて、多くの回り道をしました.回り道を記録して、他の人を助けてピットを踏まないようにしたいです.
 
まずjsを変更して、モジュールを作ります.info.js変更内容

var XXInfoDlg = {

editor: null,//            

    XXInfoData : {}

};

その後、リッチテキストをページに初期化し、一番下の初期化方法を修正します.

$(function() {
//         
     var E = window.wangEditor;
        var editor = new E('#editor');//      div id，        
        editor.create();
        editor.txt.html($("#contentVal").val());//          ，          
        XXInfoDlg.editor = editor;
});

最後はデータ収集方法の改造です.

/**
 *     
 */
BooklistInfoDlg.collectData = function() {
    this
    .set('id')
    .set('creattime') 
    .set('context',BooklistInfoDlg.editor.txt.html());//    ，            ，            context ，                 。
}

jsは大体ここを変えたらいいです.
htmlページの修正、ページの修正を追加します.
まず一番下の方にリッチテキストを追加してjsに依存します. 

＜p＞リッチテキストを表示するためのdivを追加します.
＜div class=「cnblogs ucode」＞

     <div class="col-sm-12">
         <div id="editor" class="editorHeight">
         div>
     div>

 

 

ページ改造を変更する

＜p＞隠しフォーム領域を定義し、バックグラウンドから送られてきたリッチテキスト情報を受け取るために使用します.リッチテキストは、バックグラウンドのデータを直接受け取ることができません.p>
＜p＞＜input type=“hidden”id=“contentVal”value=“$バックグラウンドデータ”/”  このidは上に述べたように、リッチテキストの初期化内容を編集するためのものです.p>

 

＜p＞リッチテキストを表示するためのdivを同時に追加します.
＜div class=「cnblogs ucode」＞

 

 

転載先:https://www.cnblogs.com/myhanghang/p/10386842.html