創建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頁

回答

相關問題