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文档 06-13·如何在EXCEL中添加中文语音朗读功能07-21·Word高级替换技巧03-05·word 如何自动生成目录08-02·常见屏幕截图方法08-11·去掉word中的隔行回车03-23·word文档去除锁定保护手动方法04-12·解决gmail不稳定的方法03-17·VBA撤销excel工作表保护09-01·连接打印机时需要输入用户名密码怎么办?05-15
- 最新文章
- ·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
点击这里识别二维码关注公众号
点击这里识别二维码关注公众号