与 Ionic Apps 一起使用的最佳富文本编辑器是啥？

Posted 2023-05-07

【中文标题】与 Ionic Apps 一起使用的最佳富文本编辑器是啥？

【英文标题】：What is the best Rich Text Editor for use with Ionic Apps?与 Ionic Apps 一起使用的最佳富文本编辑器是什么？

【发布时间】：2017-04-13 14:12:03

【问题描述】：

TinyMce 是最容易设置和自定义的，但我在使用触摸屏时遇到了问题。我在 ios 和 android 上使用 textAngular、Quill、CKEditor 的运气更差。

是否有任何设计用于 Ionic？

【参考方案1】：

我遇到了同样的问题，最后我使用了contenteditable="true"。

我还必须添加 user-select:text 才能使其正常工作。

<div style="-webkit-user-select:text; user-select:text;" contenteditable="true"></div>

注意：你不能将它绑定到 Angular 模型，所以你需要想出一些自定义的东西。

【参考方案2】：

我尝试了一些最初为桌面应用程序编写的应用程序，包括专门为 Angular 编写的应用程序，以及一些为（咳咳）jQuery 编写的应用程序，但我尝试的所有应用程序都有问题。实验的时间表有限，（客户的预算，）所以最终决定使用带有contenteditable RTE 区域属性的块和上方的按钮（粗体、理由等）来滚动我自己的指令作为可重用指令在 JS 中使用 document.execCommand，这实际上比我预期的要容易，否则我永远不会走那条路。

我从这个漂亮的例子中得到了这个想法，所以不能接受任何功劳：

http://codepen.io/barney-parker/pen/idjCG

【讨论】：

只是想快速补充一下：如果我没记错的话，这可能是一个仅限 Android 的实现，而不是 Android 和 iOS，所以您可能想在完全实现之前先进行简单的试验，以防万一是 iOS 问题。