我正在使用Bootstrap Wysiwyg Editor。看起来不错,并将我的文本和插入的图像添加到内容区域。

我需要做的就是将内容保存到数据库中,当用户从下拉菜单中加载模板名称时,我需要从数据库中填充编辑器。

我尝试了$('#editor').html(),但不确定如何将该数据发送到服务器

注意:使用ASP.Net MVC

最佳答案

(我不知道这是否是最好的方法,但是它正在工作)

考虑一个简单的模型:

public class Contact
{
    public string Notes { get; set; }
}

我使用一个简单的jquery脚本来获取所见即所得的内容并将其放入隐藏的输入中。

当用户单击“保存”按钮时,我会自动执行此操作。

这是JS:
<script language=javascript>

$(function () {
    $('#NotesWysiwyg').wysiwyg();
    $('#btnSave').bind('click', function () {
        $("#Notes").val($("#NotesWysiwyg").html().replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;'));
    });
});

HTML内容:
<div id="NotesWysiwyg"style="height:166px; width:395px; border:1px solid lightgray;display:table-cell"></div>

@Html.HiddenFor(contact => contact.Notes)

<button id="btnSave" type="submit">Save</button>

在服务器端:
// Workaround : Encode WYSIWYG HTML
if (model.Notes != null)
     model.Notes = WebUtility.HtmlDecode(model.Notes);

08-25 15:54
查看更多