8

我知道有很多很棒的富文本编辑器可以很容易地移植到 Angular 中,并且有很多关于如何做到这一点的讨论,但我想创建自己的。

我有一个基本的想法:

  • 创建一个文本区域并观察输入并在输入更改时执行功能。我对 ngBindhtml 指令很熟悉,只是在我可以将其应用于元素的范围内。

知道我如何能够创建一个将纯文本呈现为的函数html吗?

4

2 回答 2

15

我之前尝试过,但最终使用了textAngular

基本上我用 iframe 替换了 textarea,类似于 tinyMCE 的方式。

元素上的contenteditable允许您替换 textarea 并直接在 div 上写入。您将以这种方式插入所有 html 元素,例如标题和文本。您必须处理文本上的光标位置,根据按钮和文本选择应用样式等。

于 2014-04-22T14:58:30.287 回答
0

好吧,我也遇到了这个问题,并创建了自己的编辑器,因为我需要添加诸如此类的功能Table addition。该 repo 仍在开发中,但您可以通过查看这个 plunkr 来获得一些想法。与旧答案不同,我试图将其保留为 a component,以便可以根据需要在许多其他地方重复使用。

你可以通过star 这个 git repo 来保持更新或者随意添加你的输入

于 2018-04-21T06:56:41.083 回答