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

最新推荐文章于 2022-08-26 23:14:14 发布

dusea

最新推荐文章于 2022-08-26 23:14:14 发布

阅读量2k

点赞数

本文链接：https://blog.csdn.net/dusea/article/details/47956897

版权

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