Froala Editor如何在发送表单之前将内容保存到textarea

时间:2017-09-13 19:17:05

标签: jquery html wysiwyg froala

我在项目Froala中使用。 textarea元素采用要发送到服务器的形式。我向Froala添加任何文本,然后单击“提交表单”按钮。但服务器上的textarea字段为空(NULL)。 我想我需要在将表单提交到服务器之前调用Froala方法来准备textarea,但我不知道哪一个。

可能是什么问题?

查看

@using (Html.BeginForm("UpdatePost", "Post", FormMethod.Post, new { id = "postForm" }))
{
    <textarea id="PreviewText" name="PreviewText"></textarea>
    <button class="btn btn-success w-100">Save</button>
}

服务器

[HttpPost]
public JObject UpdatePost([FromForm] Post postForm)
{
    //...
}

Javascript

       $('#PreviewText').froalaEditor({
            language: 'ru',
            imageUploadURL: '../UploadImage',
            imageUploadParams: {
                postId: Tmigin.CMS.PostEditor.postId
            },
            imageManagerLoadURL: '../LoadImages',
            imageManagerLoadParams: {
                postId: Tmigin.CMS.PostEditor.postId
            },
            imageManagerDeleteURL: '../DeleteImage',
            imageManagerDeleteParams: {
                postId: Tmigin.CMS.PostEditor.postId
            }
        });

更新 jQuery Form Plugin和Froala兼容性方面的类似问题。

固定

https://github.com/froala/wysiwyg-editor/issues/2233

1 个答案:

答案 0 :(得分:1)

根据您在Froala github问题页面上关于此问题的说明,

  

如果在发送到表单服务器之前,请调用它:

$('#PreviewText').froalaEditor('events.trigger', 'blur'); 
  

然后你可以从编辑器中获取值。

在这里复制,以帮助那些可能在github上找不到您的笔记的人。