html - 从 Angular 6 中的对象创建动态 HTML

Question

考虑给定的场景。

我有一个带有属性的类，其中包含有关页面设计的所有必要信息。例如，我知道行距、页码格式、要显示的文本、文本样式和边距等。

我想可视化完全相同的页面并将其显示在我的 Angular SPA 上。我还希望能够使用文本编辑工具来编辑页面布局（就像我们在 ant 文本编辑软件中使用的一样）。例如更改文本颜色、边距、文本大小等并将其反映回原始类实例（准确地说是绑定到原始对象的两种方式）。

我想知道，我们是否有任何工具或包可以满足特定目的。如果不是，我们如何以简单而有效的方式实现这一要求。

标签： htmlangularrich-text-editor

Answer 1

也许您想将您的类创建为一个组件让我们说 contentComponent您的类在其中附加到一个 HTML 文件中，该 HTML 文件应该只依赖数据绑定和类绑定来显示内容和设置页面的布局，在另一个手动创建另一个组件editComponent，该组件将 contentComponent通过服务访问类属性以设置和更改其属性，从而反映在contentComponent视图上。