我正在使用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, '&').replace(/</g, '<').replace(/>/g, '>'));
});
});
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);