Javascript 如何使用所见即所得动态编辑标签？

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

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

当我在我的网站上显示一个问题时，它会显示问题文本，并根据问题类型显示不同的答案可能性

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

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

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

---

这是正确的方法吗？欢迎提供任何意见、示例和解决方案

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

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

jQuery的

ajax（）

方法有一个

success

回调，因此等待服务器并更新UI是很简单的

是一个很好的所见即所得编辑器，易于嵌入