CKEditor 简单使用和配置

来源：高中英语教学交流网
发布时间：2015-02-26 16:30:00
查看次数：

内容提要：ckeditor的详细配置:在网上找了好久终于找到了!O(∩_∩)O哈哈~使用方法:1、在页面head中引入ckeditor核心文件ckeditor.js;2、在使用编辑器的地方插入HTML控件textarea，感兴趣的朋友可以参考下哈

ckeditor的详细配置:
在网上找了好久终于找到了！O(∩_∩)O哈哈~
一、使用方法：
1、在页面<head>中引入ckeditor核心文件ckeditor.js

复制代码代码如下:

2、在使用编辑器的地方插入HTML控件<textarea>

复制代码代码如下:

如果是ASP.NET环境，也可用服务器端控件<TextBox>

复制代码代码如下:

<asp:TextBox ID="tbContent" runat="server" TextMode="MultiLine" class="ckeditor"></asp:TextBox>

注意在控件中加上 class="ckeditor" 。
3、将相应的控件替换成编辑器代码

复制代码代码如下:

加入中文字体
&#x5B8B体&#x9ED1体&#x4EFF宋&#x6977体
&#x96B6书&#x5E7C圆&#x5FAE&#x8F6F&#x96C5黑
或
config.font_names = 'Comic Sans MS/Comic San Ms;Courier New/Courier New;Arial Black/Arial Black;Arial/Arial;Times New Roman/Times New Roman;Verdana/Verdana;&#x5B8B体&#x9ED1体
&#x4EFF宋&#x6977体&#x96B6书&#x5E7C圆
&#x5FAE&#x8F6F&#x96C5黑;'+ config.font_names ;