如何使用javascript将CKEditor嵌入我们的html页面?

时间:2016-07-22 04:33:36

标签: javascript

我尝试将ckeditor嵌入到我的html页面但是我得到了这样的错误(Uncaught TypeError:无法读取未定义的属性'getEditor')。如何修复此错误或如何将其嵌入到任何其他方法中? 注意:[请输入代码]

1 个答案:

答案 0 :(得分:0)

简单样本:

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<textarea id="editor" name="editor" >content</textarea>
<script>

// This call can be placed at any point after the
// <textarea>, or inside a <head><script> in a
// window.onload event handler.

// Replace the <textarea id="editor"> with an CKEditor
// instance, using default configurations.

CKEDITOR.replace( 'editor' );

</script>

演示本地截图: enter image description here

以下是HTML代码。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>CKEditor</title>       
        <script src="//cdn.jsdelivr.net/jquery/3.1.0/jquery.min.js"> </script>
    <script src="ckeditor/ckeditor.js"></script>
</head>
<body>
    <textarea id="editor1"  name="editor1"></textarea>
    <script>
        CKEDITOR.replace( 'editor1' );
    </script>
</body>
</html>

重要提示:不要使用CDN它会抛出未定义的错误,因为它会查找config.js等。从这个CKEditor Dowload下载源代码然后将你的路径引用到ckeditor js并加载HTML。 TADA:)

如果有帮助,请告诉我。