您现在的位置是:网站首页> 编程资料编程资料
CKEditor网页编辑器 中文使用说明_网页编辑器_
2023-05-25
280人已围观
简介 CKEditor网页编辑器 中文使用说明_网页编辑器_
安装
安装CKEditor是一件容易的工作,只需要按照下面的简单步骤就可以完成。
1.从我们的网站https://www.jb51.net/codes/21295.html上下载CKEditor的最新版本。
2.将下载的文件解压到你网站目录下的“ckeditor”文件夹里。
注意:你也可以将这些文件放在你网站的任何一个地方,默认为“ckeditor”。
测试你的安装
编辑器附带有一些用来验证安装结果是否能正常运行的简单的例子网页,请查看“_samples”目录。访问如下的地址进行测试:
http://<你的网站域名>//_samples/index.html
例如:
http://www.example.com/ckeditor/_samples/index.html
集成
有苦干个方式能将CKEditor集成到你的网页中,在这里介绍最常用的实现方法。
第一步:载入CKEditor
CKEditor 是一个JavaScript 应用程序,你只需要在你的网页中包含一个文件引用就能加载它。如果你已经将CKEditor安装在了你网站的“ckeditor”目录,你可参照如下示例:
...
用以上方式加载,CKEditor JavaScript API 就准备就绪,可以使用了。
第二步:创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域,但用文本区域要实现同样的效果,并不容易,它需要用户输入html代码。
但是,实际上,CKEditor仍然是使用一个文本区域来传递它的数据到服务器上,这个文本区域对使用者来说是不可见的,所以,你必需创建并编辑一个实例,首先创建一个实例:
注意,如果你想要加载一些数据到编辑器中,例如从数据库中读出数据,只需要把数据放在文本区域(textarea)内就可以了,就像上面的例子一样。在这个例子中,我们已经将文本区域(textarea)命名这“editor1”.当接收POST提交的数据时,这个名字将被用在服务器操作。现在,开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此一段JavaScript命令是必须的:
上面的脚本块只能包含在网页的
安装CKEditor是一件容易的工作,只需要按照下面的简单步骤就可以完成。
1.从我们的网站https://www.jb51.net/codes/21295.html上下载CKEditor的最新版本。
2.将下载的文件解压到你网站目录下的“ckeditor”文件夹里。
注意:你也可以将这些文件放在你网站的任何一个地方,默认为“ckeditor”。
测试你的安装
编辑器附带有一些用来验证安装结果是否能正常运行的简单的例子网页,请查看“_samples”目录。访问如下的地址进行测试:
http://<你的网站域名>/
例如:
http://www.example.com/ckeditor/_samples/index.html
集成
有苦干个方式能将CKEditor集成到你的网页中,在这里介绍最常用的实现方法。
第一步:载入CKEditor
CKEditor 是一个JavaScript 应用程序,你只需要在你的网页中包含一个文件引用就能加载它。如果你已经将CKEditor安装在了你网站的“ckeditor”目录,你可参照如下示例:
复制代码 代码如下:
...
用以上方式加载,CKEditor JavaScript API 就准备就绪,可以使用了。
第二步:创建一个编辑器实例
CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域,但用文本区域要实现同样的效果,并不容易,它需要用户输入html代码。
但是,实际上,CKEditor仍然是使用一个文本区域来传递它的数据到服务器上,这个文本区域对使用者来说是不可见的,所以,你必需创建并编辑一个实例,首先创建一个实例:
注意,如果你想要加载一些数据到编辑器中,例如从数据库中读出数据,只需要把数据放在文本区域(textarea)内就可以了,就像上面的例子一样。在这个例子中,我们已经将文本区域(textarea)命名这“editor1”.当接收POST提交的数据时,这个名字将被用在服务器操作。现在,开始使用CKEditor Javascript API,我们用一个编辑器实例来“替换(replace)”这个普通的文本区域(textarea),为此一段JavaScript命令是必须的:
复制代码 代码如下:
上面的脚本块只能包含在网页的
相关内容
- FCKEditor常用Js代码,获取FCK内容,统计FCK字数,向FCK写入指定代码_网页编辑器_
- Ewebeditor及fckeditork单引号问题的解决方法_网页编辑器_
- FCKeidtor 清除编辑器内容的代码_网页编辑器_
- FCKEditor 自定义用户目录的修改步骤 (附源码)_网页编辑器_
- CKEditor/FCKEditor 使用 CKeditor 3.0.1 快速使用教程(含插入图片)_网页编辑器_
- 针对PHP环境下Fckeditor编辑器上传图片配置详细教程_网页编辑器_
- FCKeditor编辑器添加图片上传功能及图片路径问题解决方法_网页编辑器_
- ie9后浏览器fckeditor无法上传图片、弹出浮层内容不显示的解决方法_网页编辑器_
- FCKeditor 在chrome中不显示问题_网页编辑器_
- 百度编辑器ueditor前台代码高亮无法自动换行解决方法_网页编辑器_
