创建asp.net的MVC编辑CSHTML查看第5页

我有以下DIV的部分创建asp.net的MVC编辑CSHTML查看第5页

@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部分编辑CSHTML视图页面，我怎么能做到这一点

来源

2015-10-30 kez

可编辑的div值是什么意思由_Edit能够！！_？？ –

我应该可以编辑div部分的内部文本 – kez

以上的内容，如果我理解正确的话，您可以通过类似'textbox'或'textarea'的文本提交 –

月它会帮助你

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

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

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

来源

2015-10-30 09:29:58 Arjun

如果我想保存编辑后的div内容，我能否使用您建议的方法？ – kez

@kez是的，你可以保存编辑后的div内容。使用javascript或jquery.verify更新后文章 – Arjun

如何直接以POST方式保存整个View页面（编辑后）而不一一发送？ – kez

你需要更具体。

如果“编辑”意味着的HTML编辑，您可以考虑使用一个开源的所见即所得的编辑器，例如像CKEditor。

如果你想只显示你的内容正常，但要作出这样的格编辑，你可以使用contenteditable="true"属性为您的div：

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

如果你想要的是提供一个可编辑的文本区域，您可以使用MVC的辅助功能做到这一点：

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

您可以检查MSDN reference，看看如何正确使用它。

来源

2015-10-30 08:06:32

我可以使用这个所见即所得编辑器为此目的https://github.com/summernote/summernote ?? – kez

创建asp.net的MVC编辑CSHTML查看第5页

回答

相关问题