2015-07-12 125 views
-3

我需要从CK编辑器获取内容以将其放入JQuery中。如何从CK编辑器获取内容?

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

<script> 
 
$(document).ready(function(){ 
 
\t var g_id = "<?= $id; ?>"; 
 
\t var u_id = "<?= userid; ?>"; 
 
\t 
 
    // var comm = tinyMCE.editor.getContent(); 
 
\t //tinyMCE.get('editor').getContent() 
 
\t $("form").submit(function(){ 
 
\t \t var comm = $("#tittle").val(); 
 
    \t $.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', 
 
\t success: function(data) 
 
\t { 
 
\t \t alert(data); 
 
     }, 
 
\t }); 
 
    }); 
 
}); 
 
</script>

+0

请提供错误信息,也活页网址,我们可以检查错误和CKEditor的布局 –

回答

3

可以使用

JS的CKEditor的获得3.6.x的CK编辑的内容

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

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

JS的CKEditor的4.0.x的

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

不是从文字区域,但是从CKEditor的 –

+0

更新代码来获取为ckeditor –

+0

谢谢:) 你帮我:) –