如何获取 CKEditor 的 html



我正在潜入这个HTML魔法世界的深处。我有CKEditor磨损,myFunction产生警报。我需要在编辑器中获取文本的 HTML。

我从另一篇文章中得到了这个:

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

我无法评论或回复该帖子,因为我没有足够的积分,所以我必须问一个重复的。我有警报工作并将代码粘贴到 myFunction 中,但我在控制台中收到错误未捕获的类型错误:无法调用未定义的方法"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>

沃比先生

<!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

沃比先生。

在 HEAD 中的脚本之前再添加两行:

<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 脚本。

最新更新