WYSIWYG编辑器angular4 [闭合] NG2的CKEditor NGX编辑quill.js角形NGX-MD

Question

是否有人知道与角4兼容的一个很好的免费所见即所得的编辑器？

Froala似乎不错，但不幸的是它不是免费的。

也许采用了棱角分明4不是一个好主意，因为它是很难找到了很多基本的东西...

谢谢

Answer 1

因为我有同样的问题，我分享我的研究这里的结果：

ng2-ckeditor

但是，联四zxsw POI

here

但是，联四zxsw POI

EDIT 2019年1月12日 - 这个项目是不积极了MAINTAINED

ngx-editor

here

但是，联四zxsw POI

注：奎尔使用JSON在内部存储数据，而不是HTML。

PRIME NG

主题集合，其特点是基于奎尔 - 所见即所得的编辑器，以及，演示quill.js for angular。有些主题都是免费的。

here

它采用降价，而不是HTML，演示 WYSIWYG编辑器

编辑

如果你的选择是quill.js，你可能想使用here，因为它是与角5兼容。

Answer 2

尝试使用这个角度简单但功能强大的所见即所得编辑6+（原生）

ngx-md

注意：这个本地角6+所见即所得的编辑器创建与角CLI v6.0.5库。

here

演示是KillerCodeMonkey's implementation

PR或新功能要求的欢迎。

这个编辑器最初创建作为我公司的项目AngularEditor的一部分，但我是解压到独立的库和岗位作为开源项目。我希望这可以帮助别人解决他们的问题。

Answer 3

感谢@Ronin分享你的研究。这是我在我测试的情侣反馈。

首先我想here，是安装和使用相对容易。只需NGS-自举和fontAwesome的依赖关系。 Hoever我找到了我的要求，唯一的缺点就是增加链接部件。这个库不记得你已经进入，所以如果你想改变他们，你需要删除并重新添加的链接。另一个限制是一个不能指定一个最大长度值。

https://kassar.ru/

最后我用NGX-EDITOR。它有一个更好的方式来处理链接以及指定最大长度的能力。这也是非常容易安装：

ngx-editor

Answer 4

您可以使用NG2编辑器。它有许多选项来管理。

NGX-QUILL

Answer 5

我用“ngx-quill”作为一个所见即所得编辑器在我Angular4项目。

这是一个角（> = 2）成分为富文本编辑器奎尔

npm install ngx-quill
npm install quill  // Needed for CSS styles

import { QuillModule } from 'ngx-quill'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'

@NgModule({
  imports: [
    ...,

    QuillModule
  ],
  ...
})
class YourModule { ... }

• https://github.com/chymz/ng2-ckeditor ngx-quill