如何ajax提交表单textarea输入从CKEditor？ [英] How to ajax-submit a form textarea input from CKEditor?

问题描述

我使用CKEditor，jQuery和 jQuery表单插件，我想提交内容CkEditor表单通过Ajax查询。这是我的代码：

 < form id =article-formname =article-formmethod =post action =/ myproject / save> 
< textarea name =bodyTextstyle =visibility：hidden; display：none;>< / textarea> 
< script type =text / javascript> 
 CKEDITOR.replace（'bodyText'）; 
< / script> 
 
< a onClick =$（＃article-form）。ajaxSubmit（）;>提交< / a> 
 
< / form>不幸的是，似乎Ajax请求没有通过 bodyText  
 code> parameter; 
 
 
 
我做错了什么，怎么才能达到我所需要的？
 
 
 
谢谢。 > 
 
解决方案
您需要先调用以下命令，使CKEDITOR更新其相关字段。
  for（CKEDITOR.instances中的实例）
 CKEDITOR.instances [instance] .updateElement（）; 
  
因此
 
 
 
 HTML 
 < a onClick =CKupdate（）; $（'＃article-form'）。ajaxSubmit（）;> a> 
  
和javascript 
  function CKupdate（）{
 for（CKEDITOR.instances中的实例）
 CKEDITOR.instances [instance] .updateElement（）; 
} 
  
 
I am using CKEditor, jQuery and jQuery form plugin and I would like to submit contents of the CkEditor form via an Ajax query. Here is my code: 
<form id="article-form" name="article-form" method="post" action="/myproject/save">
  <textarea name="bodyText" style="visibility: hidden; display: none;"></textarea>
  <script type="text/javascript">
    CKEDITOR.replace('bodyText');
  </script>

  <a onClick="$("#article-form").ajaxSubmit();">Submit</a>

</form>
Unfortunately, it seems that the Ajax request does not pass the bodyText parameter; 

What did I do wrong or how can I achieve what I need?

Thank you.
解决方案
you need to first call the following, to make the CKEDITORs update their related fields..
for ( instance in CKEDITOR.instances )
    CKEDITOR.instances[instance].updateElement();
so

HTML
<a onClick="CKupdate();$('#article-form').ajaxSubmit();">Submit</a>
and javascript
function CKupdate(){
    for ( instance in CKEDITOR.instances )
        CKEDITOR.instances[instance].updateElement();
}


                        
这篇关于如何ajax提交表单textarea输入从CKEditor？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！