允许查看和编辑 html 代码的 HTML 编辑器 [关闭]答案

【问题标题】：Html editor that allows viewing and editing html code [closed]允许查看和编辑 html 代码的 HTML 编辑器 [关闭]
【发布时间】：2017-02-01 17:12:02
【问题描述】：

我有一个网站，我需要能够通过 html 编辑器和输出查看器来编辑 html。基本上我需要有两个窗口。一个用于查看 html 本身，以便可以对其进行编辑，然后另一个用于 html 的输出。我还需要两个窗口来保持最新状态。因此，用户应该能够进入输出窗口并在那里更改内容，html 将反映这些更改，反之亦然。有没有一个 API 可以很好地做到这一点？我找不到太多。我没有设置语言，但我假设对于 windows angularjs 之间的实时更新是要走的路。

【问题讨论】：

您是否尝试过搜索“所见即所得的 HTML 在线编辑器”

标签： javascript html angularjs editor

【解决方案1】：

你可以使用tinymce；你只有一个窗口，但它是一个所见即所得的编辑器，保存时会保持外观和样式（基本上像 Microsoft Word 一样工作，并在你编写时自动放入标题、段落、链接等标签）。

【讨论】：

【解决方案2】：

看看这个模块

https://github.com/stevermeister/ngWig

"source-mode-allowed" 允许使用 html 编辑内容或像使用 office 一样编写内容

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

以她为例 https://plnkr.co/edit/JVOI2l2gnZMKORMWjAEZ?p=preview

【讨论】：