2017-09-04 3 views
-1

リッチテキストを書き込むためにquillを使用していますが、DBやコードでスローされたエラーはありませんが、データがDBに取り込まれていないため、div.Butからデータを読み取ることができます。問題。mysql dbに書式設定されたテキストを挿入するには?

function addComment() { 
 
    var quill = new Quill('#comment'); 
 
    var cc = quill.getContents(); 
 
    var reqBody = { 
 
    "comment": cc 
 
    }; 
 
    $.ajax({ 
 
    type: "post", 
 
    data: JSON.stringify(reqBody), 
 
    url: "addcomment", 
 
    dataType: 'json', 
 
    headers: { 
 
     'Content-Type': 'application/json', 
 
     'Accept': 'application/json' 
 
    }, 
 
    success: function(data) { 
 
     console.log(data); 
 
    }, 
 
    error: function(e) { 
 
     console.log("ERROR : ", e); 
 
    } 
 
    }); 
 
}
<div id="standalone-container"> 
 
      <div id="toolbar-container"> 
 
      <span class="ql-formats"> 
 
       <select class="ql-font"></select> 
 
       <select class="ql-size"></select> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-bold"></button> 
 
       <button class="ql-italic"></button> 
 
       <button class="ql-underline"></button> 
 
       <button class="ql-strike"></button> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <select class="ql-color"></select> 
 
       <select class="ql-background"></select> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-script" value="sub"></button> 
 
       <button class="ql-script" value="super"></button> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-header" value="1"></button> 
 
       <button class="ql-header" value="2"></button> 
 
       <button class="ql-blockquote"></button> 
 
       <button class="ql-code-block"></button> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-list" value="ordered"></button> 
 
       <button class="ql-list" value="bullet"></button> 
 
       <button class="ql-indent" value="-1"></button> 
 
       <button class="ql-indent" value="+1"></button> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-direction" value="rtl"></button> 
 
       <select class="ql-align"></select> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-link"></button> 
 
       <button class="ql-image"></button> 
 
       <button class="ql-video"></button> 
 
       <button class="ql-formula"></button> 
 
      </span> 
 
      <span class="ql-formats"> 
 
       <button class="ql-clean"></button> 
 
      </span> 
 
      </div> 
 
      <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12" style="min-height:50px;" name="comment" id="comment" placeholder="Comment"></div> 
 
      <div class="col-lg-2 pull-right" style="top:5px;"> 
 
      <button type="button" class="btn btn-info" name="submit" onclick="addComment()">Add</button> 
 
     </div> 
 
     </div>

私はこの機能をデータベースに挿入はデータを呼び出していないunderstanding.When問題のために、上記のコードを見つけてください。

+1

質問は不明です。さて、それは動作していませんが、どこに問題があると推測していますか?いくつかのコードを表示するか、それ以上のものを作成して、[最小限の完全かつ検証可能な例](https://stackoverflow.com/help/mcve)を作成してください。 –

+0

@EliasSoares私はコードを追加しました。不完全な情報を残しました。これに関する他の情報が必要です。 –

答えて

1

私は、次のコードを使用してDBにHTMLを挿入することができる午前:

するvarクイル=新しいクイル( '#コメント'); var cc = quill.container.firstChild.innerHTML;

ここで、ccはDBに挿入できる入力コンテンツを保持します。

関連する問題