FineUI 官方论坛

标题: 加载kindEditor时无法输入内容 [打印本页]

作者: yjdabc    时间: 2016-1-13 09:54
标题: 加载kindEditor时无法输入内容
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="addYLJG.aspx.cs" Inherits="DBW.CMS.WEB.Manage.YLJG.addYLJG" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>   
    <link href="../../res/css/common.css" rel="stylesheet" type="text/css" />
    <link href="../../Scripts/kindeditor4/themes/default/default.css" rel="stylesheet" />
    <link href="../../Scripts/kindeditor4/plugins/code/prettify.css" rel="stylesheet" />
    <script src="../../Scripts/kindeditor4/kindeditor.js"></script>
    <script src="../../Scripts/kindeditor4/lang/zh_CN.js"></script>
    <script src="../../Scripts/kindeditor4/plugins/code/prettify.js"></script>
    <script>
        KindEditor.ready(function (K) {
            var editor1 = K.create('#Form1_Panel2_TabStrip1_Tab1_ContentPanel1_content1', {
                cssPath: '../../Scripts/kindeditor4/plugins/code/prettify.css',
                uploadJson: '../../Scripts/kindeditor4/asp.net/upload_json.ashx',
                fileManagerJson: '../../Scripts/kindeditor4/asp.net/file_manager_json.ashx',
                allowFileManager: true,
                afterBlur: function () {
                    this.sync();
                    K.ctrl(document, 13, function () {
                        K('form[name=form1]')[0].submit();
                    });
                    K.ctrl(this.edit.doc, 13, function () {
                        K('form[name=form1]')[0].submit();
                    });
                }
            });
            prettyPrint();
        });
    </script>
</head>
<body>
    <form id="_form1" runat="server">
        <fageManager ID="ageManager1" runat="server" />
        <f:Form ID="Form1" MessageTarget="side" Width="800px" LabelAlign="Right" BodyPadding="5px" Title="添加养老机构" runat="server">
            <Items>               
                <fanel ID="anel2" ShowHeader="false" CssClass="formitem" ShowBorder="false"
                    Layout="Column" runat="server">
                    <Items>                        
                        <f:TabStrip ID="TabStrip1" Width="800px" Height="450px" ShowBorder="false" TabPosition="Top" EnableTabCloseMenu="false" ActiveTabIndex="0" CssClass="marginr" runat="server">
                            <Tabs>
                                <f:Tab ID="Tab1" Title="机构简介" BodyPadding="5px" Layout="Fit" runat="server">
                                    <Items>
                                        <f:ContentPanel ID="ContentPanel1" runat="server" Width="850px" EnableCollapse="true" ShowBorder="true" ShowHeader="false" >
                                            <textarea id="content1" cols="100" rows="8" style="width:800px;height:400px;visibility:hidden;" runat="server"></textarea>
                                        </f:ContentPanel>
                                    </Items>
                                </f:Tab>
                                <f:Tab ID="Tab2" Title="收费标准" BodyPadding="5px" Layout="Fit" runat="server">
                                    <Items>
                                        <f:HtmlEditor ID="HE_YLJG_Price" Text="收费标准:" runat="server"></f:HtmlEditor>
                                    </Items>
                                </f:Tab>
                                <f:Tab ID="Tab3" Title="服务内容" BodyPadding="5px" Layout="Fit" runat="server">
                                    <Items>
                                        <f:HtmlEditor ID="HE_YLJG_ServiceContent" Text="服务内容:" Height="250px" runat="server"></f:HtmlEditor>
                                    </Items>
                                </f:Tab>
                            </Tabs>
                        </f:TabStrip>
                    </Items>
                </fanel>
                <f:Button ID="Button1" Text="提交表单" ValidateForms="Form1" ValidateMessageBox="true" runat="server">
                </f:Button>
            </Items>
        </f:Form>
    </form>
</body>
</html>


我在程序中加载一个KindEditor编辑器,编辑器可以正常显示,但无法输入内容; 当我点击编辑器最大化,然后再恢复后,编辑器就可以输入内容了。
我怀疑是FineUI生成的Div将KindEditor遮挡了,KindEditor是4.x版本最新的,初始化kindEditor的脚步也是官网提供的asp.net例子。
请问大家有没有遇到这种情况,是如何解决的,谢谢!



作者: zy32002    时间: 2016-1-13 10:39
本帖最后由 zy32002 于 2016-1-13 10:44 编辑

fineui4.2.3 版本的ext和kindeditor有冲突,暂无方法解决。 其他版本无问题,可参考http://fineui.com/bbs/home.php?mod=space&uid=4122&do=blog&id=6



作者: yjdabc    时间: 2016-1-13 13:39
谢谢 zy32002!
作者: zhifeng521    时间: 2016-1-13 22:11
群共享有示例代码




欢迎光临 FineUI 官方论坛 (https://fineui.com/bbs/) Powered by Discuz! X3.4