entityMap|blocks|key|2gtn6|text|不需要jQuery+CKEditor有自己的方法来从转换后的文本区域中获取数据：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|dac2d|var+desc+=+CKEDITOR.instances['DSC'].getData();|code-block|syntax|javascript|1g7ds|或者：|c2dji|var+desc+=+CKEDITOR.instances.DSC.getData();|1aksr^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|N|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|O|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|P|9|@]|A|@]|B|$F|G]]|$2|L|4|-4|6|7|8|Q|9|@]|A|@]|B|$]]]]

<p>No need for jQuery CKEditor has its own method to get data from converted textarea:</p>

<pre><code>var desc = CKEDITOR.instances['DSC'].getData();
</code></pre>

<p>OR:</p>

<pre><code>var desc = CKEDITOR.instances.DSC.getData();
</code></pre>


entityMap|blocks|key|94t8d|text|在文本区域中使用id属性，并在CKeditor中使用该id，而不是在下面检查文本区域的名称|type|unstyled|depth|inlineStyleRanges|entityRanges|data|31ouj|<textarea+name="textareaname"+id="textarea-id"></textarea>
CKEDITOR.replace(+'textarea-id');//use+id+not+name//
var+ckValue+=+CKEDITOR.instances["textarea-id"].getData();+or
var+ckValue+=+CKEDITOR.instances.textarea-id.getData();|code-block|syntax|javascript|ebk2j^0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|I|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|J|9|@]|A|@]|B|$F|G]]|$2|H|4|-4|6|7|8|K|9|@]|A|@]|B|$]]]]

<p>Use id attibute in textarea and use that id in CKeditor instead of textarea's name check bellow</p>

<pre><code>&lt;textarea name="textareaname" id="textarea-id"&gt;&lt;/textarea&gt;
CKEDITOR.replace( 'textarea-id');//use id not name//
var ckValue = CKEDITOR.instances["textarea-id"].getData(); or
var ckValue = CKEDITOR.instances.textarea-id.getData();
</code></pre>


entityMap|blocks|key|bfrln|text|alert(CKEDITOR.instances.DSC.getData())；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|eei5k^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|D|9|@]|A|@]|B|$]]|$2|C|4|-4|6|7|8|E|9|@]|A|@]|B|$]]]]

<p>alert(CKEDITOR.instances.DSC.getData());</p>


entityMap|0|type|LINK|mutability|MUTABLE|data|url|http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter|blocks|key|2ei7g|text|使用jQuery，你可以这样写：|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|285i3|$(function+()+{
++$('textarea[name="DSC"]').ckeditor();
++$('#btn').on('click',+function(e)+{
++++console.log('ckeditor+content:+'+%2B+$('textarea[name="DSC"]').val());
++})
});|code-block|syntax|javascript|fg3kd|包含文件：|98anc|<script+src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script+src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"></script>
<script+src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.5.9/adapters/jquery.js"></script>

HTML:+

<textarea+name="DSC"+class="materialize-textarea"></textarea>
<button+id="btn">Get+text</button>|5o4cu^0|2|6|0|0|0|0|0^^$0|$1|$2|3|4|5|6|$7|8]]]|9|@$A|B|C|D|2|E|F|U|G|@]|H|@$I|V|J|W|A|X]]|6|$]]|$A|K|C|L|2|M|F|Y|G|@]|H|@]|6|$N|O]]|$A|P|C|Q|2|E|F|Z|G|@]|H|@]|6|$]]|$A|R|C|S|2|M|F|10|G|@]|H|@]|6|$N|O]]|$A|T|C|-4|2|E|F|11|G|@]|H|@]|6|$]]]]

<p>Using the <a href="http://docs.cksource.com/CKEditor_3.x/Developers_Guide/jQuery_Adapter" rel="nofollow">jQuery_Adapter</a> you may write:</p>

<pre class="lang-js prettyprint-override"><code>$(function () {
  $('textarea[name="DSC"]').ckeditor();
  $('#btn').on('click', function(e) {
    console.log('ckeditor content: ' + $('textarea[name="DSC"]').val());
  })
});
</code></pre>

<p>Include files:</p>

<pre><code>&lt;script src="https://code.jquery.com/jquery-1.12.3.min.js"&gt;&lt;/script&gt;
&lt;script src="//cdn.ckeditor.com/4.5.9/standard/ckeditor.js"&gt;&lt;/script&gt;
&lt;script src="//cdnjs.cloudflare.com/ajax/libs/ckeditor/4.5.9/adapters/jquery.js"&gt;&lt;/script&gt;

HTML: 

&lt;textarea name="DSC" class="materialize-textarea"&gt;&lt;/textarea&gt;
&lt;button id="btn"&gt;Get text&lt;/button&gt;
</code></pre>




entityMap|blocks|key|71t2r|text|<form>
++++++++<textarea+name="editor1"+id="editor1"+rows="10"+cols="80">
++++++++++++This+is+my+textarea+to+be+replaced+with+CKEditor.
++++++++</textarea>
++++<button+type="button"+id="getDataBtn">Get+Data</button>

++++</form>
+++++<script>
++++++++++++//+Replace+the+<textarea+id="editor1">+with+a+CKEditor
++++++++++++//+instance,+using+default+configuration.
+++++++++CKEDITOR.replace(+'editor1'+);

+++++++++++$(document).ready(function(){

++++++++++++++++$("#getDataBtn").click(function(){
++++++++++++++++++++var+editorData=+CKEDITOR.instances['editor1'].getData();
++++++++++++++++++++alert("+your+data+is+:"%2BeditorData);
++++++++++++++++})

+++++++++++});
++++++++</script>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|94nu6|unstyled^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|G|9|@]|A|@]|B|$C|D]]|$2|E|4|-4|6|F|8|H|9|@]|A|@]|B|$]]]]

<pre><code>&lt;form&gt;
        &lt;textarea name="editor1" id="editor1" rows="10" cols="80"&gt;
            This is my textarea to be replaced with CKEditor.
        &lt;/textarea&gt;
    &lt;button type="button" id="getDataBtn"&gt;Get Data&lt;/button&gt;

    &lt;/form&gt;
     &lt;script&gt;
            // Replace the &lt;textarea id="editor1"&gt; with a CKEditor
            // instance, using default configuration.
         CKEDITOR.replace( 'editor1' );

           $(document).ready(function(){

                $("#getDataBtn").click(function(){
                    var editorData= CKEDITOR.instances['editor1'].getData();
                    alert(" your data is :"+editorData);
                })

           });
        &lt;/script&gt;
</code></pre>


entityMap|blocks|key|ar9p0|text|//getting+data+form+ckeditor+in+textarea.

var+NodeDataSessionTextarea+=+{};
jQuery('.class-textarea').each(function(index,+el)+{
++++var+editor_id+=+jQuery(this).attr('id');
++++var+elevalue+=+jQuery(this).val();

++++//+Getting+ckeditor+instance.
++++var+editor+=+CKEDITOR.instances[editor_id];
++++if+(editor)+{
++++++++editor.on('key',+function(e)+{
++++++++var+self+=+this;
++++++++++++setTimeout(function()+{
++++++++++++++++//store+data+in+object+with+id
++++++++++++++++NodeDataSessionTextarea[editor_id]+=+self.getData();
++++++++++++},+10);
++++++++});

++++++++editor.on('afterCommandExec',+function(e)+{
++++++++++++var+self+=+this;
++++++++++++setTimeout(function()+{
++++++++++++++++//store+data+in+object+with+id
++++++++++++++++NodeDataSessionTextarea[editor_id]+=+self.getData();
++++++++++},+10);
++++++++});

++++++++editor.on(+'blur',+function()+{
++++++++++++//store+data+in+session
++++++++++++var+nodedataencodetextarea+=+JSON.stringify(NodeDataSessionTextarea);
++++++++++++sessionStorage.setItem("NodeDataSessionTextarea",+nodedataencodetextarea);
++++++++});
++++}
});



//put+data+in+ckeditor.
var+editor+=+CKEDITOR.instances[id];
if+(editor)+{
++++editor.setData(getTemplateData);
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|cagbi|unstyled^0|0^^$0|$]|1|@$2|3|4|5|6|7|8|G|9|@]|A|@]|B|$C|D]]|$2|E|4|-4|6|F|8|H|9|@]|A|@]|B|$]]]]

<pre><code>//getting data form ckeditor in textarea.

var NodeDataSessionTextarea = {};
jQuery('.class-textarea').each(function(index, el) {
    var editor_id = jQuery(this).attr('id');
    var elevalue = jQuery(this).val();

    // Getting ckeditor instance.
    var editor = CKEDITOR.instances[editor_id];
    if (editor) {
        editor.on('key', function(e) {
        var self = this;
            setTimeout(function() {
                //store data in object with id
                NodeDataSessionTextarea[editor_id] = self.getData();
            }, 10);
        });

        editor.on('afterCommandExec', function(e) {
            var self = this;
            setTimeout(function() {
                //store data in object with id
                NodeDataSessionTextarea[editor_id] = self.getData();
          }, 10);
        });

        editor.on( 'blur', function() {
            //store data in session
            var nodedataencodetextarea = JSON.stringify(NodeDataSessionTextarea);
            sessionStorage.setItem("NodeDataSessionTextarea", nodedataencodetextarea);
        });
    }
});



//put data in ckeditor.
var editor = CKEDITOR.instances[id];
if (editor) {
    editor.setData(getTemplateData);
}
</code></pre>


entityMap|blocks|key|3cfv1|text|下面的过去文本区域id。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|6ru9m|+CKEDITOR.instances['Text_Area_Id_Here'].getData();|code-block|syntax|javascript|rn3g|例如，我有一个文本区|3l40i|+++++<textarea+class="form-control"+id="Description"+name="description"+width="100%25"+height="150"+ckeditor="true"+maxlength="20000"+ismandatory="false">
++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++</textarea>|19rcr|我得到了文本区域的值，如下所示|9u2ho|+var+description+=+CKEDITOR.instances['Description'].getData();|cnmtv^0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|Q|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|R|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|S|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|T|9|@]|A|@]|B|$F|G]]|$2|L|4|M|6|7|8|U|9|@]|A|@]|B|$]]|$2|N|4|O|6|E|8|V|9|@]|A|@]|B|$F|G]]|$2|P|4|-4|6|7|8|W|9|@]|A|@]|B|$]]]]

<p>Past Text area id below.</p>
<pre><code> CKEDITOR.instances['Text_Area_Id_Here'].getData();
</code></pre>
<p>For example, i have text area</p>
<pre><code>     &lt;textarea class=&quot;form-control&quot; id=&quot;Description&quot; name=&quot;description&quot; width=&quot;100%&quot; height=&quot;150&quot; ckeditor=&quot;true&quot; maxlength=&quot;20000&quot; ismandatory=&quot;false&quot;&gt;
                                                
                    &lt;/textarea&gt;
</code></pre>
<p>I got value of text area like this</p>
<pre><code> var description = CKEDITOR.instances['Description'].getData();
</code></pre>


entityMap|blocks|key|5ub45|text|您应该使用getData()方法从CKEDITOR获取数据。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|d1h8d|<textarea+name="DSC"+class="materialize-textarea"+id="DSC"></textarea>
<script>
++CKEDITOR.replace('DSC');
++</script>

//reference+the+id+DSC
var+desc+=+CKEDITOR.instances['DSC'].getData();|code-block|syntax|javascript|2e9db^0|5|9|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|M|9|@$A|N|B|O|C|D]]|E|@]|F|$]]|$2|G|4|H|6|I|8|P|9|@]|E|@]|F|$J|K]]|$2|L|4|-4|6|7|8|Q|9|@]|E|@]|F|$]]]]

<p>You should use <code>getData()</code> method to get data from CKEDITOR.</p>

<pre><code>&lt;textarea name="DSC" class="materialize-textarea" id="DSC"&gt;&lt;/textarea&gt;
&lt;script&gt;
  CKEDITOR.replace('DSC');
  &lt;/script&gt;

//reference the id DSC
var desc = CKEDITOR.instances['DSC'].getData();
</code></pre>


<p>I am using ckeditor on textarea but i could not get data from it.</p>

<p>Code :</p>

<pre><code>&lt;textarea name="DSC" class="materialize-textarea"&gt;&lt;/textarea&gt;
&lt;script&gt;
  CKEDITOR.replace('DSC');
  &lt;/script&gt;
</code></pre>

<p>Jquery :</p>

<pre><code>var title = $('input[name=TITLE]').val();
    var desc = $('textarea[name=DSC]').text();
    var formdata = 'TITLE='+title+'&amp;DSC='+desc;
</code></pre>


How to get ckeditor textarea value using jquery?

jQuery

JSON

 我在textarea上使用ckeditor，但我无法从中获取数据。 代码： <textarea name="DSC" class="materialize-textarea"></textarea><script>  CKEDITOR.replace('DSC');  </script> Jquery： var title = $('input[name=TITLE]').val();    v

问如何使用jquery获取ckeditor textarea值？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery获取ckeditor textarea值？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jquery获取ckeditor textarea值？
EN