如何使用CKEditor作为表单输入?

时间:2013-09-03 19:02:14

标签: php javascript ckeditor

我正在尝试使用CKEditor创建简单的网页编辑器,但我无法找到如何使其工作。

首先,我检查了他们的样本网站。他们只做CKEditor的工作包括.js文件和添加ckeditor类来形成textarea元素。

<script src="../ckeditor.js"></script>
.
.
.
<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">

所以我复制.js文件并在我自己的文件夹中尝试它,当我运行php脚本时,整个textarea元素被隐藏,并且不会创建CKEditor面板,因为它应该在this sample page.中可能有一些javascript配置但是我没有在样本页面的源代码中找到任何内容。

3 个答案:

答案 0 :(得分:8)

在你的js文件中调用CKEDITOR.replace( 'editor1' );,或者只是在你的html文件中调用{/ p>

<textarea class="ckeditor" cols="80" id="editor1" name="editor1" rows="10">
<script>
  CKEDITOR.replace( 'editor1' );
</script>

答案 1 :(得分:6)

  1. 将所有ckeditor文件夹复制到服务器。
  2. 将其添加到html页面;像这样:

    <script src="../script/ckeditor/ckeditor.js" type="text/javascript"></script>
    
  3. ckeditor的CSS类分配给textarea;比如class="ckeditor"

答案 2 :(得分:0)

<script src="../ckeditor.js"></script>
      <form name="ckeditor">
         <textarea name="editor1" id="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>

如主网站所示。

相关问题