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";//文本域高度
};