Как использовать 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, которое открывает какой-то редактор, отображающий текст текущей метки. Когда я нажимаю OK в редакторе, он вызывает контроллер действия и изменяет текст. Если обновление выполнено успешно, я отправлю некоторую информацию обратно, чтобы метод AJAX узнал, что оно выполнено успешно, а затем обновлю метку на веб-сайте.

Это правильный способ сделать это? Любые комментарии, примеры и решения приветствуются!

Answer 1

Да, именно так оно и работает.Некоторые комментарии:

1. Используйте JSON для обмена данными, поскольку он позволяет обмениваться объектами вместо простых строк.

2. Метод ajax()У jQuery есть обратный вызов success, поэтому ждать сервера и обновлять интерфейс пользователя тривиально.

3. CKEditor - это хороший редактор WYSIWYG, который легко встроить.