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
复制代码代码如下:
<script type="text/javascript" src="ckeditor/ckeditor.js"></script>
2、在使用编辑器的地方插入HTML控件<textarea>
复制代码代码如下:
<textarea id="TextArea1" cols="20" rows="2" class="ckeditor"></textarea>
如果是ASP.NET环境,也可用服务器端控件<TextBox>
复制代码代码如下:
<asp:TextBox ID="tbContent" runat="server" TextMode="MultiLine" class="ckeditor"></asp:TextBox>
注意在控件中加上 class="ckeditor" 。
3、将相应的控件替换成编辑器代码
复制代码代码如下:
<script type="text/javascript">
CKEDITOR.replace('TextArea1');
//如果是在ASP.NET环境下用的服务器端控件<TextBox>
CKEDITOR.replace('tbContent');
//如果<TextBox>控件在母版页中,要这样写
CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$") %>');
</script>
加入中文字体
宋体黑体仿宋楷体
隶书幼圆微软雅黑
或
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;宋体黑体
仿宋楷体隶书幼圆
微软雅黑;'+ config.font_names ;
- 相关文章
- ·如何压缩word?10-19·Word高级替换技巧03-05·相片裁剪操作方法10-21·如何更改Excel默认另存为的路径?04-16·巧妙管理 为打印机减负05-25·PS如何一键批量裁剪图片?06-02·VBA撤销excel工作表保护09-01·解决桌面IE图标或者我的电脑无法删除02-20·JS 自动答题脚本07-01·Excel 如何只保护部分单元格05-08
- 最新文章
- ·Win10系统开机启动文件夹在哪里?04-16·十秒免工具激活windows 1002-25·批量替换word文档中的第一行作为文件的文件名06-21·连接打印机时需要输入用户名密码怎么办?05-15·免魔法使用 New Bing 新方案03-18·Win10电脑账号密码设置、修改、取消12-06·[亲测有效]excel批量修改文件名10-29
- 阅读排行
- ·如何让试题的ABCD选项对齐04-13·word排版技巧整理08-02·word 如何自动生成目录08-02·不同电脑文件字体改变了的解决方法12-15·Excel 进行学生成绩统计分析03-13·我的电脑图标不见了,怎么找回来!09-14·Win10电脑的一些安装提示12-03·Word高级替换技巧03-05·Excel如何批量插入分页符02-12·制作Word2003选择性粘贴快捷键07-09
2008-2024 | www.zshunj.cn |www.yykz.net
点击这里识别二维码关注公众号
点击这里识别二维码关注公众号