ExtJs整合ckeditor文本编辑器

本文介绍如何在ExtJs应用中整合CKEditor文本编辑器,包括下载CKEditor,引入所需文件,以及在ExtJs组件中实现CKEditor的添加和配置,如设置高度、宽度和浮动z-index。
摘要由CSDN通过智能技术生成

话说ExtJs对于管理类的系统还是很实用的,但是再好的框架也不一定涵盖所有我们想要实现的功能,今天,我就将之前碰到的问题解决并分享给大家。

废话不多说,直接步入正题。

1、首先去网上下载ckeditor文本编辑器并引入需要的文件,再确定将ckeditor文本编辑器放到哪个位置、然后通过ExtJs引用触发即可

2、附上我已实现的代码

/**
 * 添加修改表单
 */
Ext.define('app.view.tool.UpdateTeamTextWin',{
    extend:'Ext.window.Window',
    alias:'widget.updateteamtextwin',
    title : "Team",
 id : "updateteamtextwin",
 alias : "widget.updateteamtextwin",
 width : 820,
 height : 500,
 border:false,
    isSelect : true,
 //autoScroll : true,// 自动滚动条
 closable : true,
 closeAction : "destroy",
 modal : true,//为真 当显示时,制作窗口模板并且掩饰他背后的一切,为假时显示它除了限制访问其他UI元素。
 
    //添加富文本编辑器ckeditor
    addCkEditor:function(type){
        var me = this;
       // CKEDITOR.appendTo('newsckeditor

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值