ExtJs 集成kindeditor
来源:互联网 发布:泉州数据分析培训 编辑:程序博客网 时间:2024/06/05 15:35
首先需要引入 kindeditor类
// 引入 extjs
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script language="javascript" src="ext/ext-all.js"></script>
<script language="javascript" src="ext/ext-lang-zh_CN.js"></script>
// 引入 kindeditor
<script type="text/javascript" src="kindeditor/kindeditor-min.js"></script>
<script type="text/javascript" src="kindeditor/lang/zh_CN.js"></script>
在需要出现编辑器的地方加入如下js代码:
{ xtype: 'textareafield', region: 'center', name: 'content', id: 'content', anchor: '90%', height: '100%', listeners: { 'render': function (f) { setTimeout(function () { if (KindEditor) { Nceditor = KindEditor.create('#content-inputEl', { cssPath: 'kindeditor/plugins/code/prettify.css', resizeType: 1, resizeMode: 0, allowFileManager: true }); } }, 500); } } }
以下是操作存取编辑内容:
Nceditor.html(cont); //给编辑区域加载内容
Nceditor.edit.setHeight('200px'); // 动态修改编辑区域高度
var cont = Nceditor.html(); // 获取编辑区域内容
以下是实际使用效果图:
1 0
- ExtJs 集成kindeditor
- Extjs 集成kindeditor
- ExtJs 集成UEditor and KindEditor
- ExtJs 集成UEditor and KindEditor
- extjs KindEditor
- extjs mvc 整合kindeditor
- [Ext.Net]与kindeditor集成
- kindeditor集成thinkphp上传浏览
- Extjs使用Kindeditor编辑套打样式
- domino集成kindeditor富文本编辑器
- ci集成kindeditor做富文本编辑
- spring-boot集成EasyUI和KindEditor
- Struts2与extjs集成
- 集成 extjs 和 highcharts
- extjs集成echart
- Extjs中Kindeditor无法正常显示、无法渲染问题解决
- Kindeditor
- KindEditor
- C#输入姓名或者拼音码(姓名的首字母,大小写均可)进行快速模糊查找
- Kickstart 使用讲解
- 虚继承和虚函数
- RadioButton和CheckBox自定义样式
- Java heap space OutOfMemoryError--通过设置myeclipse可以解决
- ExtJs 集成kindeditor
- visudo精确用户赋权(sudo)
- poj1723 排序+中位数
- MATLAB R2009b安装破解
- Android 4.4 Kitkat Phone工作流程浅析(三)__MO(去电)流程分析
- poj1727 排序+二分搜索
- poj1731 next_permutation
- poj1732 DP
- 查找文件夹下特定后缀名的文件,返回列表。