create editable cshtml View Page in asp.net mvc 5

2019-07-18 23:12发布

站内问答 / C#
1080 2 4

I have following cshtml view page with div sections 

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

I want to make this cshtml page div sections editable ,how can I do this

enter image description here

2条回答
爱情/是我丢掉的垃圾
2楼-- · 2019-07-18 23:52

You need to be more specific.

if 'Editable' means Html Editable, you can consider using an opensource WYSIWYG editor instance like CKEditor.

If you want to just show your content normally, but want to make that div editable, you can use the contenteditable="true" attribute for your div:

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

If all you want is to provide an editable text area, you can use MVC's helper functions to do that:

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

You can check the MSDN reference to see how to properly use this.

查看更多
0人赞 添加讨论(0) 举报
我欲成王，谁敢阻挡
3楼-- · 2019-07-18 23:54

May it will helps you 

$('#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>

Update:

To get the editable div value in JQuery and JavaScript

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

var div_value = document.getElementById('editableddiv').innerHTML;
查看更多
0人赞 添加讨论(0) 举报
登录 后发表回答
相关问题
查看全部
相关文章
查看全部
收藏的人(4)