ckeditor的详细配置.doc
上传人:sy****28 上传时间:2024-09-13 格式:DOC 页数:12 大小:68KB 金币:14 举报 版权申诉
预览加载中,请您耐心等待几秒...

ckeditor的详细配置.doc

ckeditor的详细配置.doc

预览

免费试读已结束,剩余 2 页请下载文档后查看

14 金币

下载此文档

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

IT教程网-www.itjiaocheng.com-中国高清视频教程第一门户站ckeditor的详细配置一、使用方法:1、在页面<head>中引入ckeditor核心文件ckeditor.jsJava代码<scripttype="text/javascript"src="ckeditor/ckeditor.js"></script><scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>2、在使用编辑器的地方插入HTML控件<textarea>Java代码<textareaid="TextArea1"cols="20"rows="2"class="ckeditor"></textarea><textareaid="TextArea1"cols="20"rows="2"class="ckeditor"></textarea>如果是ASP.NET环境,也可用服务器端控件<TextBox>Java代码<asp:TextBoxID="tbContent"runat="server"TextMode="MultiLine"class="ckeditor"></asp:TextBox><asp:TextBoxID="tbContent"runat="server"TextMode="MultiLine"class="ckeditor"></asp:TextBox>注意在控件中加上class="ckeditor"。3、将相应的控件替换成编辑器代码Java代码<scripttype="text/javascript">CKEDITOR.replace('TextArea1');//如果是在ASP.NET环境下用的服务器端控件<TextBox>CKEDITOR.replace('tbContent');//如果<TextBox>控件在母版页中,要这样写CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$")%>');</script><scripttype="text/javascript">CKEDITOR.replace('TextArea1');//如果是在ASP.NET环境下用的服务器端控件<TextBox>CKEDITOR.replace('tbContent');//如果<TextBox>控件在母版页中,要这样写CKEDITOR.replace('<%=tbContent.ClientID.Replace("_","$")%>');</script>4、配置编辑器ckeditor的配置都集中在ckeditor/config.js文件中,下面是一些常用的配置参数://界面语言,默认为'en'config.language='zh-cn';//设置宽高config.width=400;config.height=400;//编辑器样式,有三种:'kama'(默认)、'office2003'、'v2'config.skin='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','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','Indent','Blockquote'],['JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'],['Link'