在 MVC 中使用 FCKEditor 提交表单时出现问题

Question

我的 MVC 项目中的 FCKEditor 有一些奇怪的问题。

我本质上有一个视图，它呈现包含我的 FCKEditor 的部分视图（javascript、html 和任何其他位，使我的控件可通过我的应用程序重复使用）

我通过执行以下操作来调用 FCKEditor：

<script src="<%= Url.Content("~/Scripts/fckeditor/fckeditor.js") %>" type="text/javascript" ></script>
<script type="text/javascript">
window.onload = function () {
    var sBasePath = '<%= Url.Content("~/Scripts/fckeditor/") %>';

    var oFCKeditor = new FCKeditor('FckEditor1');
    oFCKeditor.BasePath = sBasePath;
    oFCKeditor.ReplaceTextarea();
}
</script>

为了验证我的表单，我使用 jQuery.Validate 和以下代码：

    //FORM VALIDATION
    $("#NewPageForm").validate({
        errorContainer: "#errorblock-div1, #errorblock-div2",
        errorLabelContainer: "#errorblock-div2 ul",
        wrapper: "li",
        rules: {
            titleTxt: "required",
            FckEditor1: "required"
        },
        messages: {
            titleTxt: "You must enter a page title.",
            FckEditor1: "You must enter at least some content."
        },
        submitHandler: function (form) {
            form.submit();
        }
    });

在本地，当调试我的项目时，这绝对可以正常工作，并且当用户将编辑器留空时会向用户抛出错误。

但是，当我发布应用程序并从服务器运行它时，每当编辑器中有内容时，表单都不会验证，告诉我我的 FCKEditor 控件为空，而事实显然不是。

如果我取消验证，并提交填写了所有相关框的表单，则 collection("FckEditor1") 的集合也是空的，但同样，每次在本地运行此操作都是第一次。

我进行了搜索，似乎发生的情况是我的文本区域 <%= Html.TextArea("FckEditor1", New With {.name = "FckEditor1", .class = "required"} )%> 并未填充输入到 FCKEditor 中的内容，即使这是 FCK 链接到的框。

我尝试过的所有浏览器（IE8 和 FF）中都存在该问题。

不确定 FCK 仍然渲染得很好是否也值得注意？

我并不完全相信这是我的代码的问题，因为它在本地运行完美。我需要在服务器端或 web.config 中配置任何可能导致此问题的内容吗？

还有其他人遇到过这个问题或者对如何解决这个问题有任何想法吗？

编辑

我想我可以通过修复来完成。

到目前为止，我已经添加了以下内容：

    $('#publishBtn').button().click(function () {
        if (typeof (FCKeditorAPI) == "object") {

            FCKeditorAPI.GetInstance("FckEditor1").UpdateLinkedField();

        } else {
            alert('this is not an object!');
        }

        if ($("#FckEditor1").val() == "") {
            alert("FCKEditor is empty");
        } else {
            $("#NewPageForm").submit();
        }
    });

不过，提交表单时我现在被发送到空白页面，尽管我的控制器中似乎没有任何问题 - 至少我不认为存在问题在那里，它会在我的本地计算机上执行相同的操作。

Answer 1

如果您在服务器上进行验证，可能会导致问题的一件事是，一旦在 IIS 上进行验证，您就无法在没有请求验证阻止 FCKContent 传递的情况下发布 HTML 内容。卡西尼号不会检查这一点，因此它可以在您的本地计算机上运行。

尝试将其添加到您发布验证时调用的操作中：

[ValidateInput(false)] 
public ActionResult UpdateAction() 
{ 

}

Answer 2

如果可能，请改用CKEditor；它与 MVC 集成得更好。

http://ckeditor.com/

http://ckeditor.com/what-is-ckeditor

Answer 3

我找到了问题的根源，这与我在控制器中处理多个提交按钮的方式有关。

我已经对其进行了调整，现在已修复。