我如何使用WYSIWYG來即時編輯標籤？

Question

我正在構建在線調查工具。一問實體看起來是這樣的：

[Question] 
int QuestionId { get; set; } 
int QuestionNumber { get; set; } 
String QuestionText { get; set; } 
QuestionType QuestionType { get; } 

當我顯示在我的網站一個問題，它會顯示QuestionText和differet回答依賴於QuestionType可能性。

當我想編輯一個問題時，我有一個編輯視圖。

我的老闆想要一個所見即所得的編輯器，這樣他就可以點擊我網站上的QuestionText標籤，並且可以直接從那裏編輯它，而無需轉到其他頁面。我將如何解決這個問題？

我的猜測是：我需要一個將QuestionId和新的QuestionText作爲參數的動作控制器，並使用AJAX發送它，以便更改將無縫。爲了編輯當前標籤，我需要一個onclick事件，它打開某種編輯器來顯示當前標籤文本。當我在編輯器中單擊確定時，它將調用動作控制器並更改文本。如果更新成功，我會發回一些信息，讓AJAX方法知道它已成功，然後更新網站上的標籤。

這是正確的方法嗎？歡迎任何評論，例子和解決方案！

Answer 1

是的，這正是它的工作原理。一些評論：

1. 使用JSON來交換數據，因爲它允許交換對象，而不是簡單的字符串。

2. jQuery的ajax()方法有一個success回調，所以等待服務器和更新UI是微不足道的。

3. CKEditor是一個很好的所見即所得的編輯器，它很容易嵌入。