在线网页文本编辑器ckeditor的使用

来源：互联网发布：淘宝主图psd 编辑：程序博客网时间：2024/04/29 03:59

ckeditor是一个比较的在线网页文本编辑器

下载地址http://ckeditor.com/download

推荐下载Full Package

使用办法，

1、下载后解压，形成文件夹ckeditor

2、建立一个Html，将下面的代码放进去；

OK了，就这么简单，然后就可以使用了。

<html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Welcome to my website!</title><script type="text/javascript" src="ckeditor/ckeditor.js"></script></head><textarea cols="80" id="Text" name="Text" rows="20">这里是默认值，修改文本的内容是放在这里。html需要进行HTMLEncode编码</textarea>  <script type="text/javascript">  var editor = CKEDITOR.replace('Text');  </script> </html>

如果想插入中文字体：

打开ckeditor文件下的config.js文件

在其中加入如下代码（当然，你的windows系统得安装了下面的字体）

config.font_names='正文/正文;宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+config.font_names;

如果想改变编辑页面的大小，加上如下代码

config.width = "800"; //文本域宽度
config.height = "360";//文本域高度

CKEDITOR.editorConfig = function( config ) {// Define changes to default configuration here. For example:// config.language = 'fr';// config.uiColor = '#AADC6E';config.font_names='正文/正文;宋体/宋体;黑体/黑体;仿宋/仿宋_GB2312;楷体/楷体_GB2312;隶书/隶书;幼圆/幼圆;微软雅黑/微软雅黑;'+config.font_names;//config.width = "800"; //文本域宽度       config.height = "360";//文本域高度};

0 0