Редактор Html, который позволяет просматривать и редактировать html-код

Question

У меня есть сайт, который мне нужно, чтобы редактировать html как через редактор html, так и с помощью средства просмотра вывода. В основном мне нужно иметь два окна. Один для просмотра самого html, чтобы его можно было отредактировать, а затем еще один для вывода для html. Мне также нужны оба окна, чтобы оставаться в курсе событий друг с другом. Таким образом, пользователь должен иметь возможность войти в окно вывода и изменить ситуацию там, и html будет отражать эти изменения и наоборот. Есть ли API, который выполняет эту задачу? Я не смог найти много. Я не установлен на языке, но я предполагаю, что для живого обновления между окнами angularjs - это путь.

Answer 1

Вы можете использовать tinymce; у вас будет только одно окно, но это редактор WYSIWYG, который сохранит внешний вид и стиль при сохранении (работает в основном как Microsoft Word и автоматически добавляет теги заголовка, абзаца, ссылки и т. д. при записи).

Answer 2

взгляд на этот модуль

https://github.com/stevermeister/ngWig

"источник-режим разрешенному" позволяют редактировать содержимое с HTML или написать содержание, как вы делаете с офисом

<ng-wig ng-model="text1" source-mode-allowed></ng-wig> 

Exemple ее https://plnkr.co/edit/JVOI2l2gnZMKORMWjAEZ?p=preview