我如何使用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是一个很好的所见即所得的编辑器，它很容易嵌入。