允许查看和编辑HTML代码的Html编辑器

时间:2017-02-01 17:12:02

标签: javascript html angularjs editor

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

2 个答案:

答案 0 :(得分:1)

你可以使用tinymce;你只有一个窗口,但它是一个WYSIWYG编辑器,它将在保存时保持外观和样式(基本上像Microsoft Word一样工作,并在你编写时自动放入标题,段落,链接等标签)。 / p>

答案 1 :(得分:0)

看看这个模块

https://github.com/stevermeister/ngWig

“source-mode-allowed”允许使​​用html编辑内容或编写像办公室一样的内容

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

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