2、在使用编辑器的地方"> 2、在使用编辑器的地方" />
ckeditor配置及使用技巧、精简教程(超详细)

ckeditor配置及使用技巧、精简教程(超详细)

ID:6384617

大小:116.58 KB

页数:10页

时间:2018-01-12

ckeditor配置及使用技巧、精简教程(超详细)_第1页
ckeditor配置及使用技巧、精简教程(超详细)_第2页
ckeditor配置及使用技巧、精简教程(超详细)_第3页
ckeditor配置及使用技巧、精简教程(超详细)_第4页
ckeditor配置及使用技巧、精简教程(超详细)_第5页
资源描述:

《ckeditor配置及使用技巧、精简教程(超详细)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、一、使用方法:1、在页面中引入ckeditor核心文件ckeditor.js2、在使用编辑器的地方插入HTML控件如果是ASP.NET环境,也可用服务器端控件

2、ontent"runat="server"TextMode="MultiLine"class="ckeditor">注意在控件中加上class="ckeditor"。3、将相应的控件替换成编辑器代码CKEDITOR.replace('TextArea1');//如果是在ASP.NET环境下用的服务器端控件CKEDITOR.replace('tbContent');//如果控件在母版页中

3、,要这样写CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$")%>');4、配置编辑器ckeditor的配置都集中在ckeditor/config.js文件中,下面是一些常用的配置参数://界面语言,默认为'en'   config.language='zh-cn';//设置宽高   config.width=400;   config.height=400;//编辑器样式,有三种:'kama'(默认)、'office2003'、

4、'v2'   config.skin='v2';//背景颜色   config.uiColor='#FFF';//工具栏(基础'Basic'、全能'Full'、自定义)plugins/toolbar/plugin.js   config.toolbar='Basic';   config.toolbar='Full';   这将配合:config.toolbar_Full=[['Source','-','Save','NewPage','Preview','-','Templates'],['Cut','C

5、opy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],'/',['Bold','I

6、talic','Underline','Strike','-','Subscript','Superscript'],['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link','Unlink','Anchor'],['Image','Flash','Table','HorizontalRule

7、','Smiley','SpecialChar','PageBreak'],'/',['Styles','Format','Font','FontSize'],['TextColor','BGColor']];   //工具栏是否可以被收缩config.toolbarCanCollapse=true;   //工具栏的位置config.toolbarLocation='top';//可选:bottom   //工具栏默认是否展开config.toolbarStartupExpanded=true;//取消“

8、拖拽以改变尺寸”功能plugins/resize/plugin.jsconfig.resize_enabled=false;   //改变大小的最大高度   config.resize_maxHeight=3000;   //改变大小的最大宽度config.resize_maxWidth=3000;   //改变大小的最小高度config.resize_minHeight=250;   //改变大小的最小宽度co

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。