CKEditor使用教程

《CKEditor使用教程》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CKEditor使用教程：ckeditor的官方网站是http://ckeditor.com/，我当前使用的版本是v3.0.1。一、使用方法：1、在页面中引入ckeditor核心文件ckeditor.js2、在使用编辑器的地方插入HTML控件<textareaid="activity"name=”activity”cols="20"rows="2"class="ckeditor"> 如果是ASP.N

2、ET环境，也可用服务器端控件 注意在控件中加上class="ckeditor"。3、将相应的控件替换成编辑器代码CKEDITOR.replace('activity');//先按name的属性值找，找不到再按id的值找//如果是在ASP.NET环境下用的服务器端控件CKEDITOR.replace('tbC

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

4、='v2';//背景颜色config.uiColor='#FFF';//工具栏（基础'Basic'、全能'Full'、自定义）plugins/toolbar/plugin.jsconfig.toolbar='Basic';config.toolbar='Full';这将配合：config.toolbar_Full=[['Source','-','Save','NewPage','Preview','-','Templates'],['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker'

5、,'Scayt'],['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton','HiddenField'],'/',['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],['NumberedList','BulletedList','-','Outdent',

6、'Indent','Blockquote'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link','Unlink','Anchor'],['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],'/',['Styles','Format','Font','FontSize'],['TextColor','BGColor']];//工具栏是否可以被收缩config.toolbarCanCollaps

7、e=true;//工具栏的位置config.toolbarLocation='top';//可选：bottom//工具栏默认是否展开config.toolbarStartupExpanded=true;//取消“拖拽以改变尺寸”功能plugins/resize/plugin.jsconfig.resize_enabled=false;//改变大小的最大高度config.resize_maxHeight=3000;//改变大小的最大宽度config.resize_maxWidth=