如何使用WYSIWYG即时编辑标签？

Question

我正在构建一个在线调查工具。问题实体如下所示：

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

当我在我的网站上显示问题时，它会显示QuestionText，并根据QuestionType显示不同的答案。

当我想编辑问题时，我有一个编辑视图。

我的老板想要一个WYSIWYG编辑器，这样他就可以点击我网站上的QuestionText标签，并且可以直接从那里编辑它，而无需转到另一个页面。我该如何处理？

我的猜测是：我需要一个动作控制器，它将QuestionId和新的QuestionText作为参数，并使用AJAX发送它，以便更改将是无缝的。要编辑当前标签，我需要一个onclick事件，它会打开某种显示当前标签文本的编辑器。当我在编辑器中单击“确定”时，它将调用操作控制器并更改文本。如果更新成功，我将发回一些信息，让AJAX方法知道它已成功，然后更新网站上的标签。

这是正确的方法吗？欢迎任何评论，示例和解决方案！

Answer 1

是的，这正是它的工作原理。一些评论：

1. 使用JSON交换数据，因为它允许交换对象而不是简单的字符串。

2. jQuery的ajax()方法有一个success回调，所以等待服务器并更新UI是微不足道的。

3. CKEditor是一个很好的WYSIWYG编辑器，易于嵌入。