Question

我不知道如何安装CKeditor，我在网站上下载了编辑器，然后将以下代码放在我的头标记之间：

<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
<script type="text/javascript">
    window.onload = function()
    {
        var oFCKeditor1 = new CKEDITOR('message');
        oFCKeditor1.ToolbarSet = 'Basic' ;
        oFCKeditor1.BasePath = "ckeditor/" ;
        oFCKeditor1.ReplaceTextarea() ;
    }
</script>

但是下面的一行会给我带来这个错误：

未捕获的TypeError：对象不是函数

var oFCKeditor1 = new CKEDITOR('message');

有什么想法吗？

Answer 1

根据documentation，包括ckeditor.js文件：

<head>
    <script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
</head>

编辑器对textarea元素进行操作，因此在您的身体中创建一个元素：

<textarea id="editor1" name="editor1">&lt;p&gt;Initial value.&lt;/p&gt;</textarea>

然后使用以下代码初始化编辑器声明textarea元素：

<script type="text/javascript">
    CKEDITOR.replace( 'editor1' );
</script>

Answer 2

在您的网页中包含js文件，您也可以使用ckeditor CDN

<script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>

OR

<script src="CKEditor_file_path/ckeditor.js"/>

选择要添加CKEditor

的textarea之后

 <textarea name="editor1" id="editor1" rows="10" cols="80">
           This Textarea Replaced By CKEditor.
  </textarea>

编写代码以替换CkEditor中的textarea

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

“editor1”是textarea的名称，您可以查看此博客的更多信息

http://besticoder.com/how-to-use-ckeditor-in-your-website-for-user-input/

如何安装CKeditor

2 个答案: