一、使用方法：
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>
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.js
config.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','Unlink','Anchor'],
['Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak'],
'/',
['Styles','Format','Font','FontSize'],
['TextColor','BGColor']
];
//工具栏是否可以被收缩
config.toolbarCanCollapse = true;
//工具栏的位置
config.toolbarLocation = 'top';//可选：bottom
//工具栏默认是否展开
config.toolbarStartupExpanded = true;
// 取消 “拖拽以改变尺寸”功能 plugins/resize/plugin.js
config.resize_enabled = false;
//改变大小的最大高度
config.resize_maxHeight = 3000;
//改变大小的最大宽度
config.resize_maxWidth = 3000;
//改变大小的最小高度
config.resize_minHeight = 250;
//改变大小的最小宽度
config.resize_minWidth = 750;
// 当提交包含有此编辑器的表单时，是否自动更新元素内的数据
config.autoUpdateElement = true;
// 设置是使用绝对目录还是相对目录，为空为相对目录
config.baseHref = ''
// 编辑器的z-index值
config.baseFloatZIndex = 10000;
//设置快捷键
config.keystrokes = [
[ CKEDITOR.ALT + 121 /*F10*/, 'toolbarFocus' ], //获取焦点
[ CKEDITOR.ALT + 122 /*F11*/, 'elementsPathFocus' ], //元素焦点
[ CKEDITOR.SHIFT + 121 /*F10*/, 'contextMenu' ], //文本菜单
[ CKEDITOR.CTRL + 90 /*Z*/, 'undo' ], //撤销
[ CKEDITOR.CTRL + 89 /*Y*/, 'redo' ], //重做
[ CKEDITOR.CTRL + CKEDITOR.SHIFT + 90 /*Z*/, 'redo' ], //
[ CKEDITOR.CTRL + 76 /*L*/, 'link' ], //链接
[ CKEDITOR.CTRL + 66 /*B*/, 'bold' ], //粗体
[ CKEDITOR.CTRL + 73 /*I*/, 'italic' ], //斜体
[ CKEDITOR.CTRL + 85 /*U*/, 'underline' ], //下划线
[ CKEDITOR.ALT + 109 /*-*/, 'toolbarCollapse' ]
]
//设置快捷键 可能与浏览器快捷键冲突 plugins/keystrokes/plugin.js.
config.blockedKeystrokes = [
CKEDITOR.CTRL + 66 /*B*/,
CKEDITOR.CTRL + 73 /*I*/,
CKEDITOR.CTRL + 85 /*U*/
]
//设置编辑内元素的背景色的取值 plugins/colorbutton/plugin.js.
config.colorButton_backStyle = {
element : 'span',
styles : { 'background-color' : '#(color)' }
}
//设置前景色的取值 plugins/colorbutton/plugin.js
config.colorButton_colors = '000,800000,8B4513,2F4F4F,008080,000080,4B0082,696969,B22222,A52A2A,DAA520,
006400,40E0D0,0000CD,800080,808080,F00,FF8C00,FFD700,008000,0FF,00F,EE82EE,
A9A9A9,FFA07A,FFA500,FFFF00,00FF00,AFEEEE,ADD8E6,DDA0DD,D3D3D3,FFF0F5,
FAEBD7,FFFFE0,F0FFF0,F0FFFF,F0F8FF,E6E6FA,FFF’
//是否在选择颜色时显示“其它颜色”选项 plugins/colorbutton/plugin.js
config.colorButton_enableMore = false
//区块的前景色默认值设置 plugins/colorbutton/plugin.js
config.colorButton_foreStyle = {
element : 'span',
styles : { 'color' : '#(color)' }
};
//所需要添加的CSS文件 在此添加 可使用相对路径和网站的绝对路径
config.contentsCss = './contents.css';
//文字方向
config.contentsLangDirection = 'rtl'; //从左到右
//CKeditor的配置文件 若不想配置 留空即可
CKEDITOR.replace( 'myfiled', { customConfig : './config.js' } );
//界面编辑框的背景色 plugins/dialog/plugin.js
config.dialog_backgroundCoverColor = 'rgb(255, 254, 253)'; //可设置参考
config.dialog_backgroundCoverColor = 'white' //默认
//背景的不透明度 数值应该在：0.0～1.0 之间 plugins/dialog/plugin.js
config.dialog_backgroundCoverOpacity = 0.5
//移动或者改变元素时 边框的吸附距离 单位：像素 plugins/dialog/plugin.js
config.dialog_magnetDistance = 20;
//是否拒绝本地拼写检查和提示 默认为拒绝 目前仅firefox和safari支持 plugins/wysiwygarea/plugin.js.
config.disableNativeSpellChecker = true
//进行表格编辑功能 如：添加行或列 目前仅firefox支持 plugins/wysiwygarea/plugin.js
config.disableNativeTableHandles = true; //默认为不开启
//是否开启 图片和表格 的改变大小的功能 config.disableObjectResizing = true;
config.disableObjectResizing = false //默认为开启
//设置HTML文档类型
config.docType = '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22' ;
//是否对编辑区域进行渲染 plugins/editingblock/plugin.js
config.editingBlock = true;
//编辑器中回车产生的标签
config.enterMode = CKEDITOR.ENTER_P; //可选：CKEDITOR.ENTER_BR或CKEDITOR.ENTER_DIV
//是否使用HTML实体进行输出 plugins/entities/plugin.js
config.entities = true;
//定义更多的实体 plugins/entities/plugin.js
config.entities_additional = '#39'; //其中#代替了&
//是否转换一些难以显示的字符为相应的HTML字符 plugins/entities/plugin.js
config.entities_greek = true;
//是否转换一些拉丁字符为HTML plugins/entities/plugin.js
config.entities_latin = true;
//是否转换一些特殊字符为ASCII字符 如"This is Chinese: 汉语."转换为"This is Chinese: 汉语." plugins/entities/plugin.js
config.entities_processNumerical = false;
//添加新组件
config.extraPlugins = 'myplugin'; //非默认 仅示例
//使用搜索时的高亮色 plugins/find/plugin.js
config.find_highlight = {
element : 'span',
styles : { 'background-color' : '#ff0', 'color' : '#00f' }
};
//默认的字体名 plugins/font/plugin.js
config.font_defaultLabel = 'Arial';
//字体编辑时的字符集 可以添加常用的中文字符：宋体、楷体、黑体等 plugins/font/plugin.js
config.font_names = 'Arial;Times New Roman;Verdana';
//文字的默认式样 plugins/font/plugin.js
config.font_style = {
element : 'span',
styles : { 'font-family' : '#(family)' },
overrides : [ { element : 'font', attributes : { 'face' : null } } ]
};
//字体默认大小 plugins/font/plugin.js
config.fontSize_defaultLabel = '12px';
//字体编辑时可选的字体大小 plugins/font/plugin.js
config.fontS
基于PHP的百姓生活门户网站+手机版v1.0源码.zip （2000个子文件） 
app.css 43KB app.css 39KB default.css 33KB editor.css 30KB editor.css 27KB editor.css 27KB main.css 25KB main.css 23KB main.css 21KB main.css 20KB main.css 20KB index.css 17KB main.css 17KB index.css 15KB index.css 15KB index.css 15KB index.css 15KB index.css 15KB index.css 15KB index.css 15KB index.css 15KB main.css 15KB main.css 15KB dialog.css 14KB uipanel.css 14KB host.css 14KB uipanel.css 14KB dialog.css 13KB house.css 13KB house.css 13KB house.css 13KB house.css 13KB index.css 12KB dialog.css 12KB hy_index.css 12KB index.css 11KB index.css 11KB index.css 11KB index.css 11KB index.css 11KB index.css 11KB index.css 11KB becandy.css 11KB becandy.css 11KB becandy.css 11KB becandy.css 11KB becandy.css 11KB host.css 11KB index.css 11KB index.css 11KB index.css 11KB becandy.css 11KB index.css 11KB index.css 11KB index.css 11KB index.css 11KB index.css 11KB becandy.css 10KB center_index.css 10KB index.css 10KB index.css 10KB index.css 10KB cms.css 10KB index.css 10KB index.css 10KB style.css 10KB bencandy.css 10KB fenlie_bencandy.css 10KB stg_becandy.css 10KB fenlie_bencandy.css 10KB fenlie_bencandy.css 10KB fenlie_bencandy.css 10KB bencandy.css 10KB bencandy.css 10KB bencandy.css 10KB bencandy.css 10KB bencandy.css 10KB bencandy.css 10KB style.css 10KB index.css 10KB fenlie_index.css 10KB index.css 10KB index.css 10KB index.css 10KB index.css 9KB index.css 9KB index.css 9KB index.css 9KB index.css 9KB index.css 9KB index.css 9KB index.css 9KB becandy.css 9KB shop_index.css 9KB shop_becandy.css 9KB index.css 9KB index.css 9KB style.css 9KB news.css 9KB main.css 8KB共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
资源评论
易小侠
- 粉丝: 6636
- 资源: 9万+
最新资源
- DC-Machine-Armature-Control：基于MATLAB Simulink的直流电机电枢闭环控制系统仿真模型 仿真条件：MATLAB Simulink R2015b
- 基于深度卷积生成对抗网络(DCGAN)的图像生成模型 matlab代码 只代码
- python 程序，语音识别文字 做了报错，多线程处理，加了前端窗口，超级详细讲解，讲清楚每一个包 你的导师会惊讶你比他还懂，为了能当老板的女婿，赶紧拿 声明下，除了官方文档部分，这是我原创的 本
- ROS2 Ubuntu18.04机器人系统，机器人仿真机械臂搭建 Ubuntu18.04 已经搭建好 Ros2 foxcy环境及所需命令语句，配套有gazebo11，rviz2，可以直接使用 配置
- 串口服务器方案，软件源码，给pdf版本原理图，送PCB裸板子，目前最大支持20多路串口485和232，4路网口，目前用了3路，已经全部画到PCB中，根据实际需要自己缩减所需要的串口数目，送PCB裸板
- 750W伺服方案资料 包括原理图(pdf版本) bom元件清单 程序带代码 编译软件和烧录软件 用到的芯片手册和技术文档 比较全的资料是学习的好资料 本资料可配合旋转变压器、正交式-光电编码器
- 上位机与PLC 通讯源码 上位机与三菱PLC，西门子PLC通讯 同时一起通讯，单独控制，三菱采用官方MX 通讯，支持三菱FX系列，A系列，Q系列，L系列，R系列，全系系列，各种串口和各种网口通讯
- 基于遗传算法的微电网运行优化的MATLAB代码，目标函数为运行成本之和最小，注释详细
- 基于蒙特卡洛法的概率潮流 安全性分析 以IEEE33节点的电网为研究对象，建立光伏和风电的概率出力模型，并采用蒙特卡洛法进行随机抽样，基于抽样序列进行概率潮流计算 最后得到电网的电压概率出力曲线 可
- 轻量级高并发物联网服务器接收程序源码（仅仅是接收硬件数据程序 ，没有web端，不是java，协议自己写，如果问及这些问题统统不回复 ），对接几万个设备没问题，数据库采用ef6+sqlite，可改ef
- 永磁同步电机模型预测控制，自抗扰控制，滑模控制等matlab仿真及ccs代码
- 一种永磁同步电机无位置观测算法，采用的电流模型与pll，适用于表贴电机和内插电机，可实现带载闭环启动，全速度范围采用一个观测器，并且可以生成代码，已跑实际电机进行了验证，所有模块纯手工搭建，绝不是从其
- xilinx mig ddr 控制器ip使用代码，包括ddr2,ddr3,ddr4，代码内容为向ddr内部连续写入一串数据，再连续读出，以此测试ddr控制器功能 均经过下板验证 ddr3
- 导线平差反算程序(2021年7月版):此版为闭合导线，附合导线反算合成版，简化了输入数据工程量，新增了观测记录的新样式 可以选导线类型，等级，左右角，并且有自动校核显示，通过反算出的数据进行二次正向
- 基于EKF的三相PMSM无传感器矢量控制，基于卡尔曼滤波器的无速度传感器
- 电力电子、电机驱动、数字滤波器matlab simulink仿真模型实现及相关算法的C代码实现 配置C2000 DSP ADC DAC PWM定时器 中断等模块，提供simulink与DSP的联合仿
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
