2014-01-15 8 views
0

Я погружаюсь в глубокий конец этого волшебного мира HTML. У меня есть CKEditor, и myFunction выдает предупреждение. Мне нужно получить HTML-текст в редакторе.Как получить html CKEditor

Я получил это от другого поста:

CKEDITOR.instances.textarea.on('instanceReady', function(instanceReadyEventObj) 
{ 
var editorInstanceData = CKEDITOR.instances.textarea.getData(); 
alert(editorInstanceData); 
}); 

Я не мог комментировать или отвечать на этот пост, как у меня нет достаточно очков, так что я должен попросить дубликат. У меня есть предупреждение о работе и вставка кода в myFunction, но я получаю сообщение об ошибке в консоли Uncaught TypeError: Не удается вызвать метод 'on' из неопределенного.

<!DOCTYPE html> 
<html> 


<head> 
<script> 
function myFunction() 
{ 

var htmldata = CKEDITOR.instances.Editor.document.getBody().getHtml(); 
alert(htmldata); 
} 
</script> 
    <title>A Simple Page with CKEditor</title> 
    <!-- Make sure the path to CKEditor is correct. --> 
    <script src="http://www.wilsea.com/ckeditor/ckeditor.js"></script> 
</head> 
<body> 
    <form> 
     <button onclick="myFunction()">Click me</button> 

     <textarea id="editor1" name="editor1" rows="10" cols="80"> 
      This is my textarea to be replaced with CKEditor..... 
     </textarea> 
     <script> 
      // Replace the <textarea id="editor1"> with a CKEditor 
      // instance, using default configuration. 
      CKEDITOR.replace('editor1'); 
     </script> 
    </form> 
</body> 

MrWarby

<!DOCTYPE html> 
<html> 
<head> 

<script type="text/javaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="http://www.wilsea.com/ckeditor/ckeditor.js"></script> 

</head> 
<body> 
     <textarea id="editor1" name="editor1" rows="10" cols="80"> 
      This is my textarea to be replaced with CKEditor 
     </textarea> 

<script> 
function myFunction() 
{ 

alert('test'); 

CKEDITOR.instances.textarea.on('instanceReady', function(instanceReadyEventObj) 
{ 
var editorInstanceData = CKEDITOR.instances.textarea.getData(); 
alert(editorInstanceData); 
}); 


} 
CKEDITOR.replace('editor1'); 
</script> 

<p>Click the button to trigger a function.</p> 

<button onclick="myFunction()">Click me</button> 

<p id="demo"></p> 

</body> 
</html> 

Я пытался двигаться в другом месте, но я все еще получаю ту же ошибку.

тестовая страница находится на http://www.wilsea.com/ckeditor/testckeditor.html

MrWarby.

+0

Может ли кто-нибудь исправить мой код, чтобы он отображался правильно? – user3193843

ответ

0

Перед вашей SCRIPT в ГОЛОВЕ добавить еще две строки:

<script type="text/javaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="/ckeditor/ckeditor.js"></script> 

Но изменить путь к CKEditor сценария.

+0

Привет, я обновил вопрос. – user3193843

Смежные вопросы