如何从CK Editor获取内容？

Question

我需要从 CK Editor 获取内容以将其放入 JQuery。

 
    <form action="php/showcomments.php" method="post" onsubmit="return false;" >
    <div class="text-cmt">
     <input id="tittle" name="tittle" type="text" placeholder="Comment Title" id="comm" required/>
    </div>
    <div class="text-cmt">
     <textarea id="msg"  ></textarea>
 
    </div>
    <div class="text-cmt">
     <input name="send"  type="submit" value="send">
    </div>
    </form>
     <script>
        CKEDITOR.replace( 'msg' );
    </script>

<script>
$(document).ready(function(){
 var g_id = "<?= $id; ?>";
 var u_id = "<?= userid; ?>";
 
  //  var comm = tinyMCE.editor.getContent();
 //tinyMCE.get('editor').getContent()
   $("form").submit(function(){
    var comm =  $("#tittle").val();
     $.ajax({
      url: 'php/showcomments.php', // form action url
      type: 'POST', // form submit method get/post
      data: {tittle: $("#tittle").val(),comm: comm, g_id: g_id,  u_id: u_id },
      dataType: 'html',
   success: function(data)
   {
    alert(data);
      },
  });
    });
});
</script>

Answer 1

您可以使用

获取ck编辑器的内容

用于 CKEditor 3 的 JS。6.x

var editor = CKEDITOR.editor.replace('msg');

$('#send').click(function() {
    var value = editor.getData();
    // send your ajax request with value
    // profit!
});

用于 CKEditor 4 的 JS。0.x

$('#send').click(function() {
    var value = CKEDITOR.instances['DOM-ID-HERE'].getData()
    // send your ajax request with value
    // profit!
});

Answer 2

使用（您从数据库中获取的值）|安全。

如何从CK Editor获取内容？

How to get content from CK Editor?

jquery

textarea

ckeditor