2015-01-06 18 views
6
  1. 私はデータベースのデータを持っています。
  2. 私のjsファイルで、私はCKEditorテキストエディタの値を変更したいと思います。
  3. 私の値は生のHTMLです。
  4. この生の値を空のCKEditorテキストエディタに書きたいとします。

私はすべての時間を、これらを試してみましたが、未定義の関数エラーを得た:CKEditor挿入HTML

CKEDITOR.instances.myEditorID.insertHtml('<p>This is a new paragraph.</p>'); 
CKEDITOR.instances.myEditorID.setData('<p>This is the editor data.</p>'); 

私はこれもまだ未定義の関数エラーを試してみました:

CKEDITOR.instances.YOUREDITORID.updateElement(); 
alert(document.getElementById('YOUREDITORID').value); 

代わりのmyEditorID i「は、エディタを試してみました'、' editor1 '、' editor2 'ですが、私にとってはまだ動作しません。

ありがとうございます。

---更新---

は、これは私のCKEditorバージョンのテキストエディタのHTMLです:

代わりmyEditorIDの
<textarea id="myEditorID" name="myEditor"></textarea> 
<script type="text/javascript"> 
    $(function() { 
     var myEditor = $('#myEditorID'); 
     myEditor.ckeditor({ 
     height: 200, 
     extraPlugins: 'charcount', 
     maxLength: 2000, 
     toolbar: 'TinyBare', 
     toolbar_TinyBare: [ 
      ['Bold','Italic','Underline'], 
      ['Undo','Redo'],['Cut','Copy','Paste'], 
      ['NumberedList','BulletedList','Table'],['CharCount'] 
     ] 
     }).ckeditor().editor.on('key', function(obj) { 
      if (obj.data.keyCode === 8 || obj.data.keyCode === 46) { 
       return true; 
      } 
      if (myEditor.ckeditor().editor.document.getBody().getText().length >= 2000) { 
       alert('You have reached the maximum char length'); 
       return false; 
      } 
     }); 
    }); 
</script> 
+3

あなたが定義されていないものを見るためにデバッガを使用して実行する必要がありますに行くために必要なものであることを、この

<textarea id="my_editor"></textarea> 

のようなものになります。 –

+0

あなたの長さの制限はありますか? 2000文字を押すとこのメッセージが表示されますか? 'あなたは最大の長さに達しました。 ' – roryok

+0

@roryokはい、うまくいきます。 –

答えて

7

i 'はeditor1'、 'editor2'、 'エディタ' を試してみましたまだ は私のために働いていません。

あなたのページのHTMLを見て、エディタのIDフィールドが何であるかを確認する必要があります。これは、id属性がここ

CKEDITOR.instances.my_editor.insertHtml('<p>This is a new paragraph.</p>'); 
+0

私はなぜ人々が投票しているのかわかりませんが、私はすでにあなたが言ったことを正確に書いています。まだ動作していない、私はこれを解決し、答えを書き留めるつもりです。 –

+0

あなたのエディタ用のHTMLを投稿できますか? – roryok

+0

私は投稿を更新しました。 –