blocks|key|172910|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|172911|CKEDITOR.appendTo(+'txt'+);+for+DOM+elements

CKEDITOR.replace(+'textarea'+);+for+textarea|code-block|syntax|javascript|172912|好的，伙计，也试试这个|172913|函数appendTo和replace都位于themedui.js文件中|172914|尝试单独添加它，这里是链接|172915|http://docs.ckeditor.com/source/ckeditor.html#CKEDITOR|offset|length|172916|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|0|0|0|0|1I|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Y|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Z|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|10|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|11|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|12|8|@]|9|@$O|13|P|14|1|15]]|A|$]]|$1|Q|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|N]]]]

<p>Use</p>

<pre><code>CKEDITOR.appendTo( 'txt' ); for DOM elements

CKEDITOR.replace( 'textarea' ); for textarea
</code></pre>

<p>Ok dude try this also</p>

<p>the functions appendTo and replace are all located in themedui.js file</p>

<p>try adding it separately,here is the link</p>

<p><a href="http://docs.ckeditor.com/source/ckeditor.html#CKEDITOR" rel="nofollow">http://docs.ckeditor.com/source/ckeditor.html#CKEDITOR</a></p>


blocks|key|2779479|text|首先，在您的情况下，contenteditable="true"标签是完全无效和过时的。这样属性与inline+instances+only相关，并且由于<textarea>是不可(内容)编辑的，所以与you+don't+need+it相关。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2779480|无论如何，(即使有buggy)你的代码对我来说就像一个护身符(fiddle)。作为解释，您看到的错误是在没有传递给CKEDITOR.replace()的id元素时产生的，即：|2779481|<textarea+id="foo"></textarea>
<script+type="text/javascript">
+++++CKEDITOR.replace(+'bar'+);+//+<textarea>+is+#foo,+error+will+be+thrown
</script>|code-block|syntax|javascript|2779482|当CKEDITOR.replace被调用时，确保你的DOM有效并且<textarea>存在(异步工作？)。|2779483|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.ckeditor.com/#!/guide/dev_inline-section-1|1|http://docs.ckeditor.com/#!/guide/dev_framed|2|http://jsfiddle.net/oleq/XaGYX/^0|A|M|25|A|1D|L|0|2T|H|1|0|1L|I|24|2|V|6|2|0|0|1|G|X|A|0^^$0|@$1|2|3|4|5|6|7|10|8|@$9|11|A|12|B|C]|$9|13|A|14|B|C]]|D|@$9|15|A|16|1|17]|$9|18|A|19|1|1A]]|E|$]]|$1|F|3|G|5|6|7|1B|8|@$9|1C|A|1D|B|C]|$9|1E|A|1F|B|C]]|D|@$9|1G|A|1H|1|1I]]|E|$]]|$1|H|3|I|5|J|7|1J|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|1K|8|@$9|1L|A|1M|B|C]|$9|1N|A|1O|B|C]]|D|@]|E|$]]|$1|O|3|-4|5|6|7|1P|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]|W|$5|R|S|T|E|$U|X]]|Y|$5|R|S|T|E|$U|Z]]]]

<p>First of all, <code>contenteditable="true"</code> tag is totally invalid and obsolete in your case. Such attribute is relevant for <a href="http://docs.ckeditor.com/#!/guide/dev_inline-section-1" rel="noreferrer">inline instances only</a> and, as <code>&lt;textarea&gt;</code> is not (content)editable, <a href="http://docs.ckeditor.com/#!/guide/dev_framed" rel="noreferrer">you don't need it</a>.</p>

<p>Anyway, (even if buggy) your code works for me like a charm (<a href="http://jsfiddle.net/oleq/XaGYX/" rel="noreferrer">fiddle</a>). As a word of explanation, the error you see is produced when there's no element of an <code>id</code> passed to <code>CKEDITOR.replace()</code>, i.e:</p>

<pre><code>&lt;textarea id="foo"&gt;&lt;/textarea&gt;
&lt;script type="text/javascript"&gt;
     CKEDITOR.replace( 'bar' ); // &lt;textarea&gt; is #foo, error will be thrown
&lt;/script&gt;
</code></pre>

<p>Make sure your DOM is valid and <code>&lt;textarea&gt;</code> exist when <code>CKEDITOR.replace</code> is called (working async?).</p>


blocks|key|172954|text|如果您只是想摆脱它，可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|172955|try{CKEDITOR.replace('body')}catch{}|code-block|syntax|javascript|172956|它将导致CKEDITOR在您想要的位置打开|172957|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>if you just want to get rid of that, use </p>

<pre><code>try{CKEDITOR.replace('body')}catch{}
</code></pre>

<p>it will cause CKEDITOR to open where you want it to </p>


blocks|key|174249|text|问题可能出现在以下位置：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|174250|<script+src="{{+asset('js/app.js')+}}"+defer></script>|code-block|syntax|javascript|174251|试着去掉它。这可以解决你的问题|174252|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>The problem may be in included:</p>

<pre><code>&lt;script src="{{ asset('js/app.js') }}" defer&gt;&lt;/script&gt;
</code></pre>

<p>Try to remove it. This can solve your problem</p>


blocks|key|175097|text|我遇到了类似的问题，并通过执行以下操作对其进行了分类；|type|unstyled|depth|inlineStyleRanges|entityRanges|data|175098|<script+src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
<script>
++++if($("textarea").length+>+0){
++++++++CKEDITOR.replace(+'ckeditor'+);
++++}
</script>|code-block|syntax|javascript|175099|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I had a similar problem and sorted it by doing the following;</p>

<pre><code>&lt;script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"&gt;&lt;/script&gt;
&lt;script&gt;
    if($("textarea").length &gt; 0){
        CKEDITOR.replace( 'ckeditor' );
    }
&lt;/script&gt;
</code></pre>


blocks|key|172979|text|这是做这件事的正确方法(我通过检查django+admin找到了这个方法)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|172980|var+textAreaEl+=+document.getElementById("id_html_txt")
var+textAreadData+=+textAreaEl.dataset.config

var+textEditor+=+CKEDITOR.replace(textAreaEl,+textAreadData);
textEditor.insertHtml(textAreaEl)|code-block|syntax|javascript|172981|上面的|172982|配置适用于模式形式，但也适用于普通形式|unordered-list-item|172983|172984|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|K|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p><strong>This is the correct way to do it</strong>  (I found this method by inspecting django admin )</p>

<pre><code>var textAreaEl = document.getElementById("id_html_txt")
var textAreadData = textAreaEl.dataset.config

var textEditor = CKEDITOR.replace(textAreaEl, textAreadData);
textEditor.insertHtml(textAreaEl)
</code></pre>

<ul>
<li>Above configuration is for modal form but will work for normal form as well</li>
</ul>


blocks|key|2992308|text|对于香草js|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2992309|<script+src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script>
<script>
+++if(document.getElementsByTagName('textarea').length+>+0){
++++++CKEDITOR.replace(+'article-ckeditor'+);+
+++}
</script>|code-block|syntax|javascript|2992310|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>for vanilla js</p>

<pre><code>&lt;script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"&gt;&lt;/script&gt;
&lt;script&gt;
   if(document.getElementsByTagName('textarea').length &gt; 0){
      CKEDITOR.replace( 'article-ckeditor' ); 
   }
&lt;/script&gt;
</code></pre>


<pre class="lang-html prettyprint-override"><code>&lt;textarea cols="50" id="txt" contenteditable="true" name="editor1" runat="server" rows="10"&gt;&lt;/textarea&gt;
&lt;script type="text/javascript" src="css-js/ckeditor.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
  CKEDITOR.replace('txt', {                    
  });       
&lt;/script&gt;
</code></pre>

<p>I get this err on js :</p>

<blockquote>
  <p>TypeError: Cannot call method <code>'getEditor'</code> of undefined</p>
</blockquote>


CKEditor getEditor() Error, How to fix it?

<textarea cols="50" id="txt" contenteditable="true" name="editor1" runat="server" rows="10"></textarea><script type="text/javascript" src="css-js/ckeditor.js"><...

问CKEditor getEditor()错误，如何修复？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CKEditor getEditor()错误，如何修复？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问CKEditor getEditor()错误，如何修复？
EN