C# 在asp.net mvc 5中创建可编辑的cshtml视图页面
我有以下带有div部分的cshtml视图页面C# 在asp.net mvc 5中创建可编辑的cshtml视图页面,c#,asp.net,asp.net-mvc,asp.net-mvc-4,razor,C#,Asp.net,Asp.net Mvc,Asp.net Mvc 4,Razor,我有以下带有div部分的cshtml视图页面 @model IEnumerable<int> @{ ViewBag.Title = "Template"; } <!DOCTYPE html> <html> <head> <title>Create a Template</title> </head> <body> <div>Bank Brochure</div
@model IEnumerable<int>
@{
ViewBag.Title = "Template";
}
<!DOCTYPE html>
<html>
<head>
<title>Create a Template</title>
</head>
<body>
<div>Bank Brochure</div>
<div>Solution by ggg.</div>
</body>
</html>
@model IEnumerable
@{
ViewBag.Title=“模板”;
}
创建模板
银行手册
ggg的解决方案。
我想使这个cshtml页面div部分可编辑,我如何才能做到这一点
你需要更具体一些
如果“可编辑”意味着HTML可编辑,您可以考虑使用OPESURCE WYSIWYG编辑器实例,例如:p> 如果只想正常显示内容,但又想使该div可编辑,则可以使用div的
contenteditable=“true”
属性:
<div class="someClass" id="someId" contenteditable="true"> ... </div>
。。。
如果您只想提供一个可编辑的文本区域,则可以使用MVC的帮助器函数来实现:
<div class="someClass">
@Html.TextAreaFor(m => m.YourModelProperty)
</div>
@Html.TextAreaFor(m=>m.YourModelProperty)
您可以查看以了解如何正确使用此功能。可能会对您有所帮助
$(“#按钮”)。在('click',function()上{
$('#divvalue').html($('#editableddiv').text());
});代码>
div值:
可编辑Div
你说的可编辑是什么意思!!??我应该能够编辑div部分内部文本上方的内容如果我理解正确,您可以使用文本字段,如textbox
或textarea
使用textarea或使用div与contenteditable='true'@Arjun匹配,我可以举一个例子吗?我可以为此使用所见即所得编辑器吗?如果我想保存编辑过的div内容,我可以使用您建议的方法吗?@kez是的,您可以保存编辑过的div内容。使用javascript或jquery.verify updated POST如何直接使用POST方法保存整个视图页面(编辑后),而不逐个发送?