如何让CKEditor在我的网站的textareas上运行?

时间:2013-07-16 13:59:30

标签: javascript ckeditor

基本上我最近推荐过CKEditor。我唯一的问题是,我浏览了整个网站,并且一直在寻找这个,并且似乎无法找到如何让编辑器将我的HTML textareas转换为编辑器。我想用标准编辑器完成这个任务。

我已经查看http://ckeditor.com上的支持但由于某种原因找不到有关如何使用编辑器的任何内容。

如果您只是向我展示一个可以解释如何操作的页面,或者在评论中告诉我这将是非常好的!

(回答问题!)最近我遇到了CKEditor的这个问题,我无法让它工作。我找不到如何正确使用它的指南。要在FTP服务器上使用CKEditor,只需下载您想要的完整编辑器here。现在找到下载文件的目录。 downloads文件夹中所需的文件应如下所示:ckeditor_4.2_standard.zip。接下来,双击文件夹ckeditor_4.2_standard.zip,然后将CKeditor文件夹拖到容易访问的位置。现在您需要做的就是通过FTP上传刚刚移动到您网站根目录的CKEditor文件夹。

现在,要将文本区域转换为新编辑器,只需将此代码粘贴到HTML页面的头部:

<script src="/ckeditor/ckeditor.js"></script>
<script>
window.onload = function() {
    CKEDITOR.replace( 'Reply' );
};
</script>

(页面正文中的HTML标记)

<textarea class="Reply"></textarea>

1 个答案:

答案 0 :(得分:0)

我首先查看安装指南,它将帮助您下载所需的一切。

http://docs.ckeditor.com/#!/guide/dev_installation

从这里您可以加载它并使用以下说明进行编辑:

http://docs.ckeditor.com/#!/guide/dev_ckeditor_js_load

创建编辑器时的基本语法是使用名称创建一个正常的字段:

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

然后通过使用CKEditor调用替换当前文本区域来初始化它:

<script>
window.onload = function() {
    CKEDITOR.replace( 'editor1' );
};