ContentEditable DIV的MVC Razor编辑器模板

Question

今天有点厚。我需要创建一个MVC编辑器模板，它将使用带有conteneditable="true"的DIV并使用现有值。尝试了一些方法，但似乎没有获得div中的值或模型中更新的值。如果有人能指出我正确的方向，那就太好了。

<div contenteditable="true" 
    id="@ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)" 
    name="@ViewData.TemplateInfo.GetFullHtmlFieldName(string.Empty)">
        @ViewData.TemplateInfo.FormattedModelValue
</div>

Answer 1

传统的浏览器提交（非ajax）不会提交div的内容。事实上，name属性在div元素上甚至无效。

您有几个选择

1. 将div更改为输入元素（您可以设置样式，使其看起来不像输入框）
2. 在提交表单之前，使用JavaScript将div的内容添加到隐藏的输入中。
3. 使用AJAX提交表单并选择所需的数据。