20

データベースから取得したテキストを変更するために、summernote の div を設定しました。

<div id="summernote" class="form-control"><?php echo $laws['content']; ?></div> 

$(document).ready(function() {
   $('#summernote').summernote({
     height: 300,
   });
});

div の直後に、ID を持つテキスト領域があります。

<textarea id="lawsContent"></textarea>

summernote div に入力すると、テキストエリアの内容が変化するようにします。この質問を入力しているときに何が起こっているかのように。

4

6 に答える 6

17

サマーノート APIの使用

私はこの解決策を思いつきました：

$(document).ready(function() {
    $('#summernote').summernote({
      onKeyup: function(e) {
        $("#lawsContent").val($("#summernote").code());
      },
      height: 300,
    });
});
于 2014-03-03T01:49:28.953 に答える
6

@ user3367639に触発された、これはより一般的な方法です

$('.summernote').each(function () {
    var $textArea = $(this);

    $textArea.summernote({
        onKeyup: function (e) {
            $textArea.val($(this).code());
            $textArea.change(); //To update any action binded on the control
        }
    });
});

そして、この方法で：

String.prototype.strip = function()
{
   var tmpDiv = document.createElement("div");
   tmpDiv.innerHTML = this;
   return tmpDiv.textContent || tmpDiv.innerText || "";
}

テキストエリアのテキスト値を取得するには、JSコントローラーで次のようにすることができます

$myTextArea.val().strip(); //Where val() returns the html and strip() returns the text

これが役立つことを願っています  

于 2014-11-21T02:09:40.033 に答える
2

この例を使用します。

<form id="form_id" action="/summernote.php" onsubmit="return postForm()">
    <textarea id="summernote" rows="6" name="textarea_name" ></textarea>
</form>

<script type="text/javascript">
    $(document).ready(function(){
        var postForm = function() {
            var content = $('textarea[name="textarea_name"]').html($('#summernote').code());
        }
    });
</script>
于 2014-09-02T11:42:46.183 に答える
0 
<div role="tabpanel" class="tab-pane" id="product_desc_l">
    <p>
        First impressions are everything. <br> <br>
    </p>
    <strong>Features:</strong>
</div>

<textarea id="product_desc_long" name="product_desc_long"  class="summernote form-control" rows="10" placeholder="Enter the product long description..."></textarea>


$(document).ready(function() {
      $('.summernote').summernote({
        height: 300,
        onKeyup: function(e) {
           $("#product_desc_l").html($(this).code());
        }
      });
});

これは私のために働いた

于 2015-10-08T01:59:46.797 に答える