在asp.net mvc 5中创建可编辑的cshtml视图页面

Question

我有以下带有div部分的cshtml视图页面

@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>

我想使此cshtml页面div部分可编辑，我该怎么做

Answer 1

可能会帮助您

 $('#button').on('click',function(){ $('#divvalue').html($('#editableddiv').text()); });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <input type='button' id='button' value='Get Div value' /> <div> div value : <div id='divvalue'></div> </div> <div id='editableddiv' contentEditable='True' style='Height:200px; width:200px;border:1px solid'> Editable Div </div>

更新：

在JQuery和JavaScript中获取可编辑的div值

var div_value = $('#editableddiv').text();

var div_value = document.getElementById('editableddiv').innerHTML;

Answer 2

你需要更具体。

如果'Editable'表示Html可编辑 ，则可以考虑使用CKEditor这样的开源WYSIWYG编辑器实例。

如果您只想正常显示内容，但想要使div可编辑 ，则可以为div使用contenteditable="true"属性：

<div class="someClass" id="someId" contenteditable="true"> ... </div>

如果只想提供一个可编辑的文本区域 ，则可以使用MVC的帮助器功能来做到这一点：

<div class="someClass">
    @Html.TextAreaFor(m => m.YourModelProperty)
</div>

您可以查看MSDN参考，以了解如何正确使用它。

在asp.net mvc 5中创建可编辑的cshtml视图页面

问题描述

2 个解决方案

解决方案1
2 已采纳 2015-10-30 09:29:58

解决方案2
1 2015-10-30 08:06:32

在asp.net mvc 5中创建可编辑的cshtml视图页面

问题描述

2 个解决方案

解决方案1 2 已采纳 2015-10-30 09:29:58

解决方案2 1 2015-10-30 08:06:32

解决方案1
2 已采纳 2015-10-30 09:29:58

解决方案2
1 2015-10-30 08:06:32