AngularJS的富文本编辑器[关闭]答案

【问题标题】：Rich Text Editor for AngularJS [closed]AngularJS的富文本编辑器[关闭]
【发布时间】：2016-07-04 21:45:36
【问题描述】：

我使用的 TextAngular 很烂！任何使用它的人都会知道。我的用户每天都在抱怨:(

我正在寻找替代品，并找到了一些替代品，例如 Froala（199 美元）和 CKEditor，但它们需要 JQuery。

有没有适用于没有 JQuery 的 AngularJS 的“好”编辑器？我一直在寻找，但找不到任何东西。我也愿意付钱。

【问题讨论】：

我只是想要一个基于 Angular 的富文本编辑器。你有时间详细说明为什么它如此糟糕吗？或者推特我@mcbhenwood。谢谢。
一旦你使用它几天，你就会意识到它。例如，一次必须单击一次/两次才能选择编辑器！如果不像其他编辑器那样专注，就无法复制粘贴。
任何寻找答案的人都可以查看stackoverflow.com/questions/16227917/…
CKEditor 不需要 jQuery，也从未需要它。大约一个月后，CKEditor 5 也正式与 Angular 2+ 集成。对于安装说明检查ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/…

标签： angularjs wysiwyg text-editor textangular

【解决方案1】：

你有很多选择。但是如果你不喜欢它，就写一个新的编辑器和我们分享吧:)

Angular-Editor -> Demo

Angular Meditor -> Demo

Angular trix -> Demo

ngQuill -> 使用QuillJs

Angular-inline-text-editor -> Demo

您可以通过一些小的改动来创建一个新的编辑器。

【讨论】：

现在这是一个维基 :) 谢谢@hurricane
哇，谢谢！我最终计划使用 TinyMCE。它还支持没有 JQuery 的 AngularJS。
@hurricane 我想使用 Angular-Editor 但演示页面上的工具提示是 Chinees Language。我怎样才能把它转换成英文？ wanming.github.io/angular-editor
谢谢 - Quill 看起来真的很棒，我要试试这个方向
Editor.js 不是 AngularJS 库，但你可以轻松使用它

【解决方案2】：

由于这是在 Google 上搜索 Angular HTML WYSIWYG 编辑器时的首批结果之一，我想我会在 Elaine 的评论中添加关于她选择 TinyMCE 的评论。

有一个用于 TinyMCE 的 Angular 模块，ui-tinymce：https://github.com/angular-ui/ui-tinymce

刚刚尝试并未能让 Angular-Trix 工作，ui-tinymce 似乎工作得很好。请注意，ui-tinymce 目前似乎仅适用于 TinyMCE 版本 4.3.12 或更低版本。相关问题在这里：https://github.com/angular-ui/ui-tinymce/issues/264

此外，TinyMCE 也有很好的文档记录：https://www.tinymce.com/docs/

关于您没有 jQuery 要求，该模块没有明确将其列为依赖项，因此它可能仅依赖于 Angular 的 jqlite（或根本不依赖）。

【讨论】：