fck实现htm在线编辑

最新推荐文章于 2021-10-29 23:31:05 发布

huwei_

最新推荐文章于 2021-10-29 23:31:05 发布

阅读量424

点赞数

分类专栏： web前端文章标签： c# fckeditor html在线编辑

本文链接：https://blog.csdn.net/yuewei19/article/details/51959070

版权

web前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

前端关键的fck初始化：

var oFCKeditor = new FCKeditor("MyTextArea");
        var sBasePath = "../../../../../Resource/theme/main_classic_standard/js/control/fckeditor/"
        oFCKeditor.BasePath = sBasePath;
        oFCKeditor.Height = "100%";
        oFCKeditor.Width = "100%";

        //页面全部元素加载完成后，再替换textArea
        window.onload = function () {
            oFCKeditor.ReplaceTextarea();
        }

        //FCKeditor控件加载完毕后，在调用FCKeditorAPI
        function FCKeditor_OnComplete(oFCKeditor) {
            var oEdotor = FCKeditorAPI.GetInstance("MyTextArea");
            oEdotor.GetXHTML();
            oEdotor.SetHTML($("#TexHtm").val());
        }

后端加载初始化html内容，主要是讲初始化的html内容，加载到前端服务器隐藏控件中：

        /// <summary>
        /// 显示数据
        /// </summary>
        /// <param name="Id"></param>
        private void InitObjectInfo(string Id)
        {
            if (!string.IsNullOrEmpty(Id))
            {
                CheckTable entity = singleService.Get<CheckTable>(Id);
                try
                {
                    WebClient client = new WebClient();
                    string httpString = string.Empty;
                    httpString = client.DownloadString(Server.MapPath("~/Upfile/htm/" + entity.FileName));
                    TexHtm.Value = httpString;
                }
                catch
                {
                    JSUtil.ShowAlert(this, "操作失败！");
                    return;
                }
            }
        }

后端保存html事件：

private bool SaveRecord()
        {
            if (ValidatePage() == false) return false;//验证用户输入，用于输入合法性判断
            if (ValidateInput() == false) return false;//验证用户输入，用于业务逻辑判断
            if (ViewState["__EditMode"] == null) return false;

            string strEditMode = ViewState["__EditMode"].ToString().ToLower();
            try
            {
                if (strEditMode == "add")
                {
                    CheckStandardItem entity = UIUtil.GenInstanceFromUI<CheckStandardItem>(this);
                    entity.CreateUser = GlobalUtil.CurrentUserAccount;
                    entity.ParentStandard = singleService.Get<CheckStandard>(sId.Value);
                    singleService.Save(entity);
                    UpFileModule1.UploadAttachments();//上传附件
                }
            }
            catch
            {
                return false;
            }

            return true;
        }

示例截图：