ckediotor的使用
来源:互联网 发布:python netsnmp安装 编辑:程序博客网 时间:2024/06/05 19:07
CKEditor就像一个在你网页中的文本区域(textarea)一样工作,它提供了一个简单易写的用户界面、版式和丰富的文字输入区域。但用文本区域要实现同样的效果,并不容易,它需要用户输入html代码。
在使用之前需要导入ckedior的js和css文件 下载地址
需要配置根目录下面的config.js,配置自己需要的工具栏
- config.js的配置
CKEDITOR.editorConfig = function( config ) { config.language = 'zh-cn'; //设置语言 config.height = 240; //设置高度 config.toolbarCanCollapse = true; config.uiColor = '#90B8E9'; //设置外边框的颜色 config.toolbar = 'Full'; config.toolbarGroups = [ //将工具栏以组的形式显示 { name: 'document', groups: [ 'mode', 'document', 'doctools' ,'save'] }, { name: 'clipboard', groups: [ 'clipboard', 'undo' ] }, { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ] }, { name: 'forms' }, '/', { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] }, { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ] }, { name: 'styles' }, { name: 'colors' , groups:['TextColor'] }, { name: 'tools', groups:[ 'TextColor','BGColor' ]} ]; config.fontSize_defaultLabel = '18px';};
- ckEditor的初始化
window.setTimeout('CKEDITOR.replace("editorContent")', 200);
- ckEditor的定义
<textarea id="editorContent" name="editorContent"></textarea>
- ckEditor的数据保存
var data = CKEDITOR.instances.editorContent.getData();
ckEditor将所有设置的字体格式以html标签的形式进行保存,在数据端以Text的格式保存,在前端展示时,取出来存放在页面里,就展示成了有样式的字体。
2 0
- ckediotor的使用
- GUID使用的使用
- ${}的使用
- 的使用
- @[],@()的使用
- ->的使用
- +、-、*、/、%的使用
- &&的使用
- %:的使用
- Makefile中使用$$的使用
- Makefile中使用$$的使用
- Red5的使用--使用日志
- prefernce的使用具体使用
- 【工具使用】git 的使用
- 关于使用AsyncTaskLoader的使用
- 使用CABasicAnimation的基本使用
- 使用RocketMQ的客户端使用
- gulp的使用基本使用
- 学习记录:交叉编译环境配置(buildroot and gdb&gdbserver)
- 一些常见的面试问题
- [原创内容] 自己编写的Windows7SP1Update离线更新安装汇总-完全开源2.0版[2016.08.26]
- [vijos1571] 笨笨的导弹攻击
- c++ 指针常量 和 常量指针
- ckediotor的使用
- java笔记--day09--抽象类(一)
- Android View移动的六种方法
- Javascript 集中克隆方式
- 【VS2015学习】
- 理解JavaScript的闭包特性如何给循环中的对象添加事件
- java中String类常用方法的使用与实例
- Majority Element
- 常用正则表达式