通过 Internet Explorer 从 asp.net 发出 HTML 文件

Question

最近我正在开发一个工具，用户可以在界面上进行更改，然后点击保存，模板将存储在服务器上..作为 HTML 文件..一切都很好...我能够从所有主要浏览器（我检查了 FireFox 和 Chrome），但是当我尝试从 Internet Explorer 保存文件时...

它无法正确发出文件..HTML 格式不正确..因此应用程序崩溃.. 以下是从Firefox

和 Chrome 检查时的正确格式...

    <tr>
                <td colspan="2" align="center">
                    <div class="searchDiv">
                        <span>Leader Board Box: </span><span class="pd2">
                            <textarea rows="5" cols="52" id="txtLeaderBoardAd" style="width:631px;"></textarea></span><br>
                        <br>
                        <span>Site Logo: </span><span style="padding-left: 34px">
                            <input type="text" size="47" id="txtLogoImage" value=""></span><span>Width: </span><span>
                            <input type="text" size="15" id="txtLogoImageWidth" value=""></span><span>Height: </span><span>
                            <input type="text" size="15" id="txtLogoImageHeight" value=""></span><br>
                        <br>
                        <span>Link Url: </span><span style="padding-left: 70px">
                            <input type="text" id="txtLogoLinkUrl" size="100" value=""></span><br>
                        <br>
                    </div>
                </td>
            </tr>


But when tried to save the same format from Internet Explorer... it emit the format like below


<TR sizset="9" sizcache="3">
        <TD colSpan="2" align="middle" nodeindex="1" nodeIndex="1">
            <DIV class="searchDiv">
                <SPAN>Leader Board Box: </SPAN>
                <SPAN class="pd2">
                    <TEXTAREA style="WIDTH: 631px" id="txtLeaderBoardAd" rows="5" cols="52"></TEXTAREA>
                </SPAN>
                <BR>
                    <BR>
                        <SPAN>Site Logo: </SPAN>
                        <SPAN style="PADDING-LEFT: 34px">
                            <INPUT id="txtLogoImage" size="47" type="text">
                        </SPAN>
                        <SPAN>Width: </SPAN>
                        <SPAN>
                            <INPUT id="txtLogoImageWidth" size="15" type="text">
                        </SPAN>
                        <SPAN>Height: </SPAN>
                        <SPAN>
                            <INPUT id="txtLogoImageHeight" size="15" type="text">
                        </SPAN>
                        <BR>
                            <BR>
                                <SPAN>Link Url: </SPAN>
                                <SPAN style="PADDING-LEFT: 70px">
                                    <INPUT id="txtLogoLinkUrl" size="100" type="text">
                                </SPAN>
                                <BR>
                                    <BR>
            </DIV>
        </TD>
    </TR>

我不知道理解...它只是从所有属性中删除引号...并且还添加了额外的属性，如 sizset 和 sizcache...我是否需要为 IE 格式化一些额外的内容

请帮助...我被困在这里。 ************* >********这就是我保存文件的方式********** 我正在使用 Ajax Jquery 以 html 格式保存文件...

[WebMethod]
    public static string WriteToHTMLFile(string data) 
    {
        using (StreamWriter writer = new StreamWriter(HttpContext.Current.Server.MapPath("/NewsletterTemplate/HTMLPage.htm")))
        {
            writer.WriteLine(data);
            writer.Flush();
        }
        return "Saved Successfully";
    }

然后在 Javascript 中调用上面的函数..如下所示

$.ajax({ type: "POST", url: "AjaxMethods.aspx/WriteToHTMLFile", contentType: "application/json", data: "{'data':'" + $("#dvGetHTML").html() + "'}", success: function (data) {
                        $("#dvGetHTML").html($("#dvGetHTML").html());
                    }, error: function (data) { alert("Error in Save.. Please contact your administrator !!!" + data.responseText); }
                    });

Answer 1

啊……

我明白你哪里出了问题:-)

你直接从浏览器 DOM 中拉出 html，对吗？我猜 #dvGetHTML 是一个 div？

在我看来，IE 在某种程度上以与其他浏览器不同的方式在内部表示 HTML，当您将其从 div 中拉出时，这就是您所得到的。

通过实验，尝试使用纯旧文本区域标记，您可以在其中进行编辑，并且格式往往遵循良好的老式预标记规则。

好处是，在文本区域中键入的任何内容都会按原样返回，就好像它是一个输入字段一样，如果您在执行此操作时没有得到奇怪的格式，则问题很可能与预期的一样。

如果您证明这是您的问题，那么我会使用客户端编辑器（例如“Tiny MCE”）来实现您尝试对 div 执行的操作。