用于 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 提交表单并选择您需要的数据。