小结编辑框ExtJS+CKfinder+CKEditor

最新推荐文章于 2016-10-18 15:23:02 发布
最新推荐文章于 2016-10-18 15:23:02 发布
阅读量2.5k 收藏
点赞数
分类专栏： 网络 JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qin_zhangyongheng/article/details/38551065
版权
JS 同时被 2 个专栏收录
11 篇文章 0 订阅
订阅专栏
网络
3 篇文章 0 订阅
订阅专栏

     在使用网页编辑器的时候不仅要求异步还要求方便，下面是使用ExtJS+CKfinder+CKEditor的小结，不废话，直接上代码：

前台aspx文件：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PublishNews.aspx.cs" Inherits="PublishNews"
    ValidateRequest="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <link href="../../../Ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="../../../Ext/adapter/ext/ext-base.js" type="text/javascript"></script>
    <script src="../../../Ext/ext-all.js" type="text/javascript"></script>
    <script src="../../../Ext/source/locale/ext-lang-zh_CN.js" type="text/javascript"></script>
    <script src="../kindeditor.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="replyMain">
        <div id="replyMain_body">
        <%--!@Important--%>
            <div style="display:none"><asp:TextBox ID="content" runat="server"></asp:TextBox></div>
        </div>
    </div>
    </form>
</body>
</html>
<script type="text/javascript">
    var app = {};
    Ext.QuickTips.init();
    Ext.form.Field.prototype.msgTarget = 'side';

    var isTopStore = new Ext.data.SimpleStore(
	            {
	                fields: ["isTop", "isTopName"],
	                data: [['0', '游戏新闻'], ['1', '公会新闻']]
	            }
	        );

    var newscategoryStore = new Ext.data.JsonStore({
        totalProperty: "total", root: "data", //后台返回的分页后的数据
        fields: ['category_id', 'category_name']
    });

    var replyMainPanel = new Ext.Panel({
        title: '<%if (nNewsID > 0 && model != null){%>编辑<%}else{%>发布<% }%>新闻 ',
        layout: 'form',
        contentEl: 'replyMain_body',
        frame: true,
        bodyStyle: 'background-color:#FFFFFF;padding:15px;',
        applyTo: 'replyMain',
        height: true,
        autoWidth: true,
        bodyBorder: false,
        boder: false,
        buttonAlign: 'center',
        labelAlign: 'right',
        collapsible: true,
        collapsed: false,
        items: [new Ext.form.TextField({
            fieldLabel: '标题',
            name: 'Title',
            id: 'Title',
            allowBlank: false,
            blankText: '请输入标题',
            growMax: 300,
            width: 700,
            emptyText: '请输入标题'
            <%if( nNewsID > 0 && model != null){%>,
            value: '<%=model.n_title%>'<%}%>
        }), new Ext.Panel({
            layout: 'column',
            width: 827,
            border: false,
            items: [new Ext.Panel({
                columnWidth: .5,
                layout: 'form',
                border: false,
                labelWidth: 100,
                labelAlign: 'right',
                items: [{
                    xtype: 'combo',
                    forceSelection: true,
                    fieldLabel: '新闻类型',
                    id: 'IsTop',
                    name: 'IsTop',
                    store: isTopStore,
                    valueField: 'isTop',
                    displayField: 'isTopName',
                    triggerAction: 'all',
                    listeners: { 'select': function () {

                        Ext.getCmp('category').setValue("");
                        newscategoryStore.removeAll();
                        var url = '../../../Service/NewsSrv.ashx?type=getcategory';
                        newscategoryStore.proxy = new Ext.data.HttpProxy({ url: url });
                        newscategoryStore.load({ params: { nNewsType: this.value} });
                    }
                    },
                    mode: 'local',
                    lazyRender: false,
                    hiddenName: 'IsTopValue',
                    allowBlank:false,
                    blankText:'你丫必须选择',
                    emptyText:'请选择类型',
                    anchor: '95%'
                }]
            }), new Ext.Panel({
                columnWidth: .5,
                layout: 'form',
                border: false,
                labelWidth: 100,
                labelAlign: 'right',
                items: [{
                    xtype: 'combo',
                    forceSelection: true,
                    fieldLabel: '新闻栏目',
                    id: 'category',
                    name: 'category',
                    store: newscategoryStore,
                    valueField: 'category_id',
                    displayField: 'category_name',
                    triggerAction: 'all',
                    mode: 'local',
                    lazyRender: false,
                    hiddenName: 'categoryValue',
                    emptyText: '请选择栏目',
                    allowBlank:false,
                    blankText:'你丫必须选择',
                    anchor: '95%'
                    <%if( nNewsID > 0 && model != null){%>,
                                value: '<%=model.category%>'<%}%>
                }]
            })]
        }), new Ext.Panel({
            layout: 'column',
            width: 827,
            border: false,
            items: [new Ext.Panel({
                columnWidth: .5,
                layout: 'form',
                border: false,
                labelWidth: 100,
                labelAlign: 'right',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: '作者',
                    name: 'Author',
                    id: 'Author',
                    allowBlank: false,
                    blankText: '填写作者',
                    emptyText: '请输入作者',
                    growMax: 30,
                    forceSelection: true,
                    anchor: '95%'
                    <%if( nNewsID > 0 && model != null){%>,
                                value: '<%=model.n_author%>'<%}%>
                }]
            }), new Ext.Panel({
                columnWidth: .5,
                layout: 'form',
                border: false,
                labelWidth: 100,
                labelAlign: 'right',
                items: [{
                    xtype: 'textfield',
                    fieldLabel: '来源',
                    name: 'Source',
                    id: 'Source',
                    allowBlank: false,
                    blankText: '填写来源',
                    emptyText: '请输入新闻来源',
                    growMax: 30,
                    anchor: '95%'
                    <%if( nNewsID > 0 && model != null){%>,
                                value: '<%=model.news_source%>'
                                <%}%>
                                <%else {%>,value:'本站'<%} %>
                }]
            })]
        }), new Ext.form.TextArea({
            id: 'keeditor',
            fieldLabel: '新闻内容',
            width: 710,
            height: 500
        })],
        buttons: [new Ext.Button(
	                    { text: '<%if( nNewsID > 0 && model != null){%>编辑新闻<%}else{ %>发布新闻<%} %>',
	                        handler: function () {
	                            <%if(nNewsID > 0 && model != null){ %>EditNews();<%} else{%>AddNews();<%} %>
	                        }
	                    })
	             ],
        listeners: {
            'render': function () {
                KE.show({
                    id: 'keeditor',
                    imageUploadJson: '../../asp.net/Service/upload_json.ashx',
                    fileManagerJson: '../../asp.net/Service/file_manager_json.ashx',
                    allowFileManager: true,
                    afterCreate: function (id) {
//                        !@Important
                        var temp=document.getElementById('content').value;
                        KE.html(id, temp);
                        KE.event.ctrl(document, 13, function () {
                            KE.util.setData(id);
                            document.forms['form1'].submit();
                        });
                        KE.event.ctrl(KE.g[id].iframeDoc, 13, function () {
                            KE.util.setData(id);
                            document.forms['form1'].submit();
                        });
                    }
                });
            }
        }
    });
    //发布新闻
    function AddNews() {
        var strTitle = Ext.get("Title").dom.value;
        var strAuthor = Ext.get("Author").dom.value;
        //        var strContent = encodeURI(new String(GetContents("content")));
        //        editor.sync();
        var strContent = document.getElementById('keeditor').value;
        var strSource = Ext.getCmp('Source').getValue();
        var nCategory = Ext.getCmp('category').getValue();
        if (strTitle.trim() == "" || strTitle == "请输入标题") {
            Ext.Msg.alert("系统提示", '对不起，请输入新闻标题');
            return;
        }
        else if(nCategory==""||nCategory<0){
            Ext.Msg.alert("系统提示","请选择栏目");
            return;
        }
        else if (strAuthor.trim() == "" || strAuthor == "请输入作者") {
            Ext.Msg.alert("系统提示", '请输入作者');
            return;
        }
        if (strContent.trim() == "") {
            Ext.Msg.alert("系统提示", "对不起，请输入新闻内容");
            return;
        }
        Ext.Ajax.request({
            url: '../../../Service/NewsSrv.ashx',
            method: 'POST',
            params: {
                type: 'addnews',
                Title: strTitle,
                Content: strContent,
                Author: strAuthor,
                Source: strSource,
                Category: nCategory
            }, success: function (response) {
                var nSuccessCount = 0;

                if (!isNaN(response.responseText)) {
                    nSuccessCount = parseInt(response.responseText);
                }
                else {
                    Ext.Msg.alert("系统提示", "对不起，发布失败");
                }

                if (nSuccessCount <= 0) {
                    Ext.Msg.alert("系统提示", "对不起，发布失败");
                }
                else {
                    Ext.Msg.alert("系统提示", "发布新闻成功");
                    //location.reload();  
                }

            },
            failure: function (response) {
                Ext.Msg.alert("系统提示", "连接服务器失败");
            }
        });
    }	
	//编辑新闻
    function EditNews() {
	    var nNewsID = "";
	    <%if (nNewsID > 0 && model != null)
        {%>
            nNewsID = '<%=model.n_id %>';
            <%
        }%>    
	    var strTitle = Ext.get("Title").dom.value;
        var strAuthor = Ext.get("Author").dom.value;
        //        var strContent = encodeURI(new String(GetContents("content")));
        //        editor.sync();
        var strContent = document.getElementById('keeditor').value;
        var strSource = Ext.getCmp('Source').getValue();
        var nCategory = Ext.getCmp('category').getValue();
        if (strTitle.trim() == "" || strTitle == "请输入标题") {
            Ext.Msg.alert("系统提示", '对不起，请输入新闻标题');
            return;
        }
        else if(nCategory==""||nCategory<0){
            Ext.Msg.alert("系统提示","请选择栏目");
            return;
        }
        else if (strAuthor.trim() == "" || strAuthor == "请输入作者") {
            Ext.Msg.alert("系统提示", '请输入作者');
            return;
        }
        else if (strContent.trim() == "") {
            Ext.Msg.alert("系统提示", "对不起，请输入新闻内容");
            return;
        }
	      Ext.Ajax.request({
	                        url: '../../../Service/NewsSrv.ashx',
	                        method: 'POST',
	                        params:
	                        {
	                            type: 'edit',
	                            id:nNewsID,
	                            Title: strTitle,
                Content: strContent,
                Author: strAuthor,
                Source: strSource,
                Category: nCategory
	                        }, success: function(response) {
	                            var nSuccessCount = 0;

	                            if (!isNaN(response.responseText)) {
	                                nSuccessCount = parseInt(response.responseText);
	                            }
	                            else {
	                                Ext.Msg.alert("系统提示", "对不起，编辑失败");
	                            }

	                            if (nSuccessCount < 0) {
	                                Ext.Msg.alert("系统提示", "对不起，编辑失败");
	                            }
	                            else {
	                                Ext.Msg.alert("系统提示","编辑新闻成功");
	                                //location.reload();  
	                            }

	                        },
	                        failure: function(response) {
	                            Ext.Msg.alert("系统提示", "连接服务器失败");
	                        }
	                    });
	                }                
</script>

后台数据读取很简单： 

public int nNewsID = -1;
    public NewsInfo model = new NewsInfo();

    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["id"] != null)
        {
            nNewsID = Convert.ToInt32(Request["id"].ToString()); //WebUtil.ParseInt(Request["id"].ToString().Trim(), -1);
            if (nNewsID > 0)
            {
                model = NewsBLL.GetModelNewsByID(nNewsID);
                content.Text = model.n_content.ToString();
            }
        }
    }

实现异步的关键：ashx文件的处理： 

<%@ WebHandler Language="C#" Class="NewsSrv" %>

using System;
using System.Web;

using MOD;
using BLL;
using WebUnity;

public class NewsSrv : IHttpHandler
{

    public void ProcessRequest(HttpContext context)
    {
        context.Response.ContentType = "text/Html";
        context.Response.Charset = "UTF-8";
        string strType = string.Empty;
        //读取操作类型
        if (!string.IsNullOrEmpty(context.Request.Params["type"].ToString()))
        {
            strType = context.Request.Params["type"].ToLower().ToString().Trim();
        }
        //读取不到操作则返回
        if (string.IsNullOrEmpty(strType))
        {
            return;
        }
        switch (strType)
        {
            //添加新闻
            case "addnews":
                ProcessAddNews(context);
                break;
            //得到新闻栏目编号
            case "getcategory":
                ProcessGetCategory(context);
                break;
            //获得新闻列表
            case "getnewslist":
                ProcessGetNewsList(context);
                break;
            //删除新闻
            case "delectnews":
                ProcessDelectNews(context);
                break;
            //处理编辑新闻请求
            case "edit":
                ProcessEditNews(context);
                break;
            default:
                break;
        }
    }

    /// <summary>
    /// 编辑新闻
    /// </summary>
    /// <param name="context"></param>
    public void ProcessEditNews(HttpContext context)
    {
        int nNewsID = -1;
        string strTitle = string.Empty;
        string strAuthor = string.Empty;
        string strContent = string.Empty;
        string strSource = "本站";
        int nCategory = -1;
        DateTime dtDate = DateTime.Now;

        //读取传送的数据
        //获得编辑新闻ID、
        if (context.Request.Params["id"].ToString() != null)
        {
            nNewsID = Convert.ToInt32(context.Request.Params["id"].ToString());
        }
        //获得新闻标题
        if (context.Request.Params["Title"].ToString() != null)
        {
            strTitle = context.Request.Params["Title"].ToString();
        }
        //获得新闻作者
        if (context.Request.Params["Author"].ToString() != null)
        {
            strAuthor = context.Request.Params["Author"].ToString();
        }
        //获得新闻内容
        if (context.Request.Params["Content"].ToString() != null)
        {
            strContent = context.Request.Params["Content"].ToString().ToLower().Trim();
        }
        //获得新闻来源
        if (context.Request.Params["Source"].ToString() != null)
        {
            strSource = context.Request.Params["Source"].ToString();
        }
        //获得新闻栏目
        if (Convert.ToInt32(context.Request.Params["Category"].ToString()) >= 0)
        {
            nCategory = Convert.ToInt32(context.Request.Params["Category"].ToString());
        }
        dtDate = DateTime.Now;

        NewsInfo model = new NewsInfo();
        model.n_id = nNewsID;
        model.news_source = strSource;
        model.category = nCategory;
        model.guild_id = 0;//暂时为0，当选择公会新闻时显示公会选择
        model.n_title = strTitle;
        model.published_time = dtDate;
        model.n_author = strAuthor;
        model.n_content = strContent;
        model.click_num = 0;//暂时为0，添加点击量
        model.media_id = 0;//暂时为0，此处为添加媒体图片时的第一个ID值
        context.Response.Write(NewsBLL.UpdataNews(model));
    }

    /// <summary>
    /// Delect News
    /// </summary>
    /// <param name="context"></param>
    public void ProcessDelectNews(HttpContext context)
    {
        string strIDCollection = string.Empty;
        if (context.Request["n_idlist"] != null)
        {
            strIDCollection = context.Request["n_idlist"].ToString().Trim();
        }
        int nRet = 0;
        if (!string.IsNullOrEmpty(strIDCollection))
        {
            if (strIDCollection.Substring(0, 1) == ",")
            {
                strIDCollection = strIDCollection.Substring(1);
            }
            nRet = NewsBLL.DeleteNews(strIDCollection);
        }
        context.Response.Write(nRet);
    }

    /// <summary>
    /// 添加新闻
    /// </summary>
    /// <param name="context"></param>
    public void ProcessAddNews(HttpContext context)
    {
        string strTitle = string.Empty;
        string strAuthor = string.Empty;
        string strContent = string.Empty;
        string strSource = "本站";
        int nCategory = -1;
        DateTime dtDate = DateTime.Now;

        //读取传送的数据
        //获得新闻标题
        if (context.Request.Params["Title"].ToString() != null)
        {
            strTitle = context.Request.Params["Title"].ToString();
        }
        //获得新闻作者
        if (context.Request.Params["Author"].ToString() != null)
        {
            strAuthor = context.Request.Params["Author"].ToString();
        }
        //获得新闻内容
        if (context.Request.Params["Content"].ToString() != null)
        {
            strContent = context.Request.Params["Content"].ToString().ToLower().Trim();
        }
        //获得新闻来源
        if (context.Request.Params["Source"].ToString() != null)
        {
            strSource = context.Request.Params["Source"].ToString();
        }
        //获得新闻栏目
        if (Convert.ToInt32(context.Request.Params["Category"].ToString()) >= 0)
        {
            nCategory = Convert.ToInt32(context.Request.Params["Category"].ToString());
        }
        dtDate = DateTime.Now;

        NewsInfo model = new NewsInfo();
        model.news_source = strSource;
        model.category = nCategory;
        model.guild_id = 0;//暂时为0，当选择公会新闻时显示公会选择
        model.n_title = strTitle;
        model.published_time = dtDate;
        model.n_author = strAuthor;
        model.n_content = strContent;
        model.click_num = 0;//暂时为0，添加点击量
        model.media_id = 0;//暂时为0，此处为添加媒体图片时的第一个ID值
        context.Response.Write(NewsBLL.AddNews(model));
    }

    /// <summary>
    /// 得到新闻栏目表
    /// </summary>
    /// <param name="context"></param>
    public void ProcessGetCategory(HttpContext context)
    {
        int nNewsType = int.Parse(context.Request.Params["nNewsType"].ToString());
        //输出信息(JSON格式)
        context.Response.Write(CategoryBLL.GetCategoryList(nNewsType));
    }

    /// <summary>
    /// 抽取新闻列表
    /// </summary>
    /// <param name="context"></param>
    public void ProcessGetNewsList(HttpContext context)
    {
        //读取查询条件
        //1、读取标题
        string strTitle = string.Empty;
        if (context.Request.Params["strTitle"] != null)
        {
            strTitle = context.Request.Params["strTitle"].ToString().Trim();
        }

        //2、读取栏目名
        string strCategory = string.Empty;
        if (context.Request.Params["strCategory"] != null)
        {
            strCategory = context.Request.Params["strCategory"].ToString().Trim();
        }
        //3、读取作者
        string strAuthor = string.Empty;
        if (context.Request.Params["strAuthor"] != null)
        {
            strAuthor = context.Request.Params["strAuthor"].ToString().Trim();
        }
        //4、读取来源
        string strSource = string.Empty;
        if (context.Request.Params["strSource"] != null)
        {
            strSource = context.Request.Params["strSource"].ToString().Trim();
        }
        //5、读取读取分页信息
        int nPage = 1;
        int nPageSize = PageSize.Admin;
        try
        {
            if (context.Request.Params["limit"] != null)
            {
                nPageSize = int.Parse(context.Request.Params["limit"].ToString().Trim());
            }
            else
            {
                nPageSize = PageSize.Admin;
            }
        }
        catch (Exception ex)
        {
            nPageSize = PageSize.Admin;
        }
        int nStart = 0;
        try
        {
            if (context.Request.Params["start"] != null)
            {
                nStart = int.Parse(context.Request.Params["start"].ToString().Trim());
            }
            else
            {
                nStart = 0;
            }
        }
        catch (Exception ex)
        {
            nStart = 0;
        }

        if (nStart <= 0)
        {
            nPage = 1;
        }
        else
        {
            nPage = nStart / nPageSize + 1;
        }
        //输出信息（JSON格式）
        context.Response.Write(NewsBLL.GetNewsList(strTitle, strCategory, strAuthor, strSource, nPage, nPageSize));
    }

    public bool IsReusable
    {
        get
        {
            return false;
        }
    }

}

实现效果如下：

其中很关键的几点：

KE.html(id, value);

萤火虫小Q
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
extjs中嵌入ckeditor完整实例
12-20
extjs中嵌入ckeditor的完整实例，同时有ckeditor的配置说明
Ext ExtJS 中嵌入CKEditor 做在线文本 编辑工具
A41202197514的专栏
07-26 2406
Warnings：Do not put this files on a path with spaces or Chinese;This Works with the ExtJs 3.2.2 and ExtJS 2.0.21.Download the Ckeditors ource at: http://ckeditor.com/download2.Download the Ext.ux.CKEditor.js at: http://www.sencha.com/forum/showthread.php?7
Ckeditor+Ckfinder+Ext4 整合
YHC
10-16 2845
@author:杨虹昌时间:2013年10月15日各框架版本信息描述: Ckeditor:     官网首页: http://ckeditor.com/     下载页面: http://ckeditor.com/download     框架压缩包下载地址:    http://download.cksource.com/CKEditor/CKEditor%20for%20Java/CKEdit
extjs 嵌入 ckeditor 例子
09-03
extjs 嵌入 ckeditor 例子
ExtJS4整合CKEditor4.3
云原生之家
01-05 2792
在使用ExtJS中的项目中可能会使用到富文本编辑器，但ExtJS4中提供的HtmlEditor功能不强，而且在IE下兼容性不好，所以就想把CKEditor整合进ExtJS中，下面是整合源码： Ext.define("Ext.ux.form.field.CKEditor", { extend: 'Ext.form.field.TextArea', alias: 'widget.ck
EXT_ASP.rar_asp extjs_extjs_extjs asp_extjs+asp
最新发布
09-14
在"EXT_ASP.rar_asp extjs_extjs_extjs asp_extjs+asp"这个压缩包中，我们可以看到EXTJS与ASP结合使用的示例，用于开发一个通讯录程序，这是一个很好的学习EXTJS和ASP集成的实践项目。 首先，EXTJS的核心在于它的...
extJs+2.1学习笔记.pdf
06-15
ExtJS 是一个强大的JavaScript库，专门用于构建富客户端Web应用程序。在2.1版本中，它提供了丰富的组件、数据管理以及用户界面功能。本学习笔记将深入探讨ExtJS 2.1的关键概念和技术，帮助读者掌握这个框架的核心...
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解及工程源码
12-12
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解 一、去http://cksource.com/下载这两个东西 二、去http://www.extjs.com/下载ext-2.3.0 三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4，取出解压后的...
EF+EXTJS+MVC+oracle框架
06-27
"EF+EXTJS+MVC+Oracle框架"是一种常见的企业级Web应用开发架构，结合了Entity Framework（EF）、EXTJS、MVC模式以及Oracle数据库，为开发者提供了强大的数据处理、用户界面和应用程序结构管理能力。以下是对这个框架...
ssh+extjs+mysql整合
07-07
在"ssh+extjs+mysql整合"中，我们将SSH框架与ExtJS前端技术和MySQL数据库结合起来，构建一个完整的Web应用。以下是对这个整合过程的详细说明： 1. **Spring**：Spring作为核心框架，负责管理应用程序的各个组件，...
extjs与ckeditor
08-05
extjs与ckeditor 整合 将资源文件复制到工程的WEBROOT目录下或者自己在WEBROOT下自己建一个文件夹存放资源文件 比如我们把资源文件放在webroot/scripts/lib/ckeditor文件夹下 在项目的入口页面引入以下3个js文件
SSH+ExtJs完成CKEditor富文本编辑器整合
04-19
NULL 博文链接：https://liuwei1981.iteye.com/blog/1867797
ext 中嵌入CKEditor 实现代码
08-12
ext CKEditor 在线HTML教程编辑器 在线编辑器源码 在线代码编辑器源码
Ext的CKEditor组件
04-03
Ext的CKEditor组件，方便在Ext表单输入HTML内容
ExtJs4-CKEditor关键代码
07-11
封装CKEditor用于ExtJs4的关键代码，我自己试用可以成功，希望对大家有帮助
在Extjs3.4中使用CKEditor3.6.1
我是一匹来自北方的狼
09-06 2036
先将CKEDITOR解压，删除源码与例子加入到项目中 创建一个textfield域： var content = new Ext.form.TextField({     hideLabel: true,     //name: 'content',     //id:
ExtJs整合ckeditor文本编辑器
渊鸿的博客
10-18 1330
ExtJs整合ckeditor文本编辑器
Extjs4整合CKEditor富文本编辑器
HappySorry的专栏
04-13 6637
项目中有个新闻管理模块，需要富文本编辑器，用的前端框架是Extjs mvc，网上搜了很多资料，尝试了很多方法，效果都不理想，最后自己参考ckeditor里面的示例达到了想要的效果，记录与此以便以后用到，也希望能够帮到需要的网友，有什么不恰当的地方望大家批评指正。 前端界面代码如下 /** * 新闻表单 */ Ext.define('Redare.view.news.NewsFormView
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解
冷月宫主的专栏
12-12 1128
ext-2.3.0+CKEditor 3.0.1+ckfinder_asp_1.4配置详解一、去http://cksource.com/下载这两个东西二、去http://www.extjs.com/下载ext-2.3.0三、将ext-2.3.0、CKEditor 3.0.1、ckfinder_asp_1.4，取出解压后的文件夹，真接放到站点根目录，目录结构为：WEBROOT｜--ckedito
SSH+ExtJS 实现CRUD操作教程
"SSH+EXTJS CRUD开发教程" 这篇开发文档主要介绍了如何利用SSH（Spring、Struts2、Hibernate）框架与EXTJS库协同工作，实现数据的创建(Create)、读取(Retrieve)、更新(Update)和删除(Delete)功能，即CRUD操作。这些...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值