MVC5如何将TinyMCE值绑定到模型

Question

I tried to bind TinyMCE into my model, but it always return null on postback. My Code:

View :

@Html.TextAreaFor(Function(m) m.LangValue)

<script>
    $(document).ready(function () {
        tinymce.init({selector: 'textarea'});
    })
</script>

Model :

<Required(ErrorMessage:="Required")> _
<Display(Name:="LangValue")> _
<StringLength(8000, ErrorMessage:="Maximum 8000 characters")> _
<AllowHtml()> _
Public Property LangValue As String
    Get
        Return _langValue
    End Get
    Set(value As String)
        _langValue = value
    End Set
End Property

It is working fine if I remove the tinymce script so I checked the HTML and it seems TinyMCE hide the textarea with display: none and replace it with their own UI. Is it possible to replace the textarea value with TinyMCE editor value on postback?

Any help will be appreciated. Sorry for bad english.

Answer 1

如果要强制TinyMCE填充隐藏字段，可以在提交之前使用以下功能：

tinyMCE.triggerSave();

Answer 2

So, I fixed it by moving the script

$(document).ready(function () {
        tinymce.init({selector: 'textarea'});
    })

from inside EditorTemplates to my Layout.

I don't know why it doesn't work if I put it inside EditorTemplates because my Layout doesn't have anything after @RenderBody, maybe someone could enlighten me.