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

愿它能帮到你

＆＃13;

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

＆＃13;

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

＆＃13;

<强>更新

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

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

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

Answer 2

你需要更加具体。

如果＆＃39;可编辑＆＃39; 表示 Html Editable ，您可以考虑使用像CKEditor这样的开源WYSIWYG编辑器实例。

如果您只想正常显示内容，但希望将 div editable ，则可以使用div的contenteditable="true"属性：

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

如果你想要的只是提供一个可编辑的文本区域，你可以使用MVC的帮助函数来做到这一点：

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

您可以查看MSDN reference以了解如何正确使用此功能。

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

2 个答案: