如何构建一个angularJS wysiwyg编辑器

Question

我目前正试图弄清楚如何制作一个基本的生活方式。 我不知道angularJS这是一个练习，以便学习它。 我试图让wysiwyg编辑器的概念正确。 我假设我将有一个不可见的textarea，它将在解析后绑定到其内容的不同div。 文本区域将保存内容与假标签和测试的东西[粗体，样式：我的风格，代码块，]文本[结束]

我会将它解析为一个不同的div，当我选择文本时，div将真正选择textarea中的文本。

1. 我有这个概念吗？
2. 有更好的方法吗
3. 是否可以使用平面角膜？因为我认为角度不能操纵dom。

Answer 1

Angular使用Jquery。实际上它有自己的Jquery版本，内置JQLite但是如果你将JQuery添加到你的页面，它会转储内部并使用你的JQuery版本。请务必先引用JQuery文件。

Angular和DOM操作问题

使用JQuery操作Dom操作相当容易。 Angular是一个非常强大的SPA（单页面应用程序）框架。问题是Angular通过使用对元素的引用来运行，并通过循环遍历称为摘要循环的循环来根据需要更新页面。问题在于，如果您只是使用JQuery来操作DOM，那么您在Angular周期之外执行此操作，破坏引用并使页面崩溃。

您想使用Angular

吗？

由于angular使用JQuery作为核心，因此根据DOM使用Angular没有任何优势。事实上，它变得更加困难，但如果您的应用程序用于处理其他数据，那么它可能是值得的。但设计完全不同。在angular中，您将需要使用可重复使用的代码元素Angular样式的指令。

<强>设计

我认为您对编辑器的概念有所了解。你几乎在div标签中包装元素，允许你移动其他DOM节点，添加新节点等。该div将是你控件上的覆盖，为你提供叠加选项。如果没有具体细节，我可以提供更多的内容。

希望这会有所帮助。