ckeditor配置及使用技巧、精簡教程(超詳細)

《ckeditor配置及使用技巧、精簡教程(超詳細)》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、一、使用方法：1、在頁面中引入ckeditor核心文件ckeditor.js2、在使用編輯器的地方插入HTML控件<textareaid="TextArea1"cols="20"rows="2"class="ckeditor">如果是ASP.NET環(huán)境，也可用服務(wù)器端控件

2、D="tbContent"runat="server"TextMode="MultiLine"class="ckeditor">注意在控件中加上class="ckeditor"。3、將相應(yīng)的控件替換成編輯器代碼CKEDITOR.replace('TextArea1');//如果是在ASP.NET環(huán)境下用的服務(wù)器端控件CKEDITOR.replace('tbContent');//如果

3、tBox>控件在母版頁中，要這樣寫CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$")%>');4、配置編輯器ckeditor的配置都集中在ckeditor/config.js文件中，下面是一些常用的配置參數(shù)：//界面語言，默認為'en'???config.language='zh-cn';//設(shè)置寬高???config.width=400;???config.height=400;//編輯器樣式，有三種：'kama'

4、（默認）、'office2003'、'v2'???config.skin='v2';//背景顏色???config.uiColor='#FFF';//工具欄（基礎(chǔ)'Basic'、全能'Full'、自定義）plugins/toolbar/plugin.js???config.toolbar='Basic';???config.toolbar='Full';???這將配合：config.toolbar_Full=[['Source','-','Save','NewPage','Preview','-

5、','Templates'],['Cut','Copy','Paste','PasteText','PasteFromWord','-','Print','SpellChecker','Scayt'],['Undo','Redo','-','Find','Replace','-','SelectAll','RemoveFormat'],['Form','Checkbox','Radio','TextField','Textarea','Select','Button','ImageButton'

6、,'HiddenField'],'/',['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],['NumberedList','BulletedList','-','Outdent','Indent','Blockquote'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link','Unlink','Anchor'],['Im

7、age','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],'/',['Styles','Format','Font','FontSize'],['TextColor','BGColor']];???//工具欄是否可以被收縮config.toolbarCanCollapse=true;???//工具欄的位置config.toolbarLocation='top';//可選：bottom???//工具欄默認是否

8、展開config.toolbarStartupExpanded=true;//取消“拖拽以改變尺寸”功能plugins/resize/plugin.jsconfig.resize_enabled=false;???//改變大小的最大高度???config.resize_maxHeight=3000;???//改變大小的最大寬度config.resize_maxWidth=3000;???//改變大小的最小高度config.resize_minHeight=250;???//改變大小的最小寬度co