时间戳

首页 > 解决方案 > 角度：

    由 document.execCommand 添加的只能看到 styles.css 中的 css 规则，而不是组件的 css

html - 角度：
    由 document.execCommand 添加的只能看到 styles.css 中的 css 规则，而不是组件的 css

问题描述

我正在用 Angular 创建富文本编辑器，当我执行时，document.execCommand('insertOrderedList')我得到<ol>不受组件 css 影响的项目，只有 css in styles.css（项目根目录中的主 css 文件）会影响我添加的项目document.execCommand。是否有可能改变这种行为？

标签： htmlcssangularhtml-listsexeccommand

解决方案

当然。它的名称是视图封装。将其更改为ViewEncapsulation.none将产生所需的行为。

@Component({
  ...
  encapsulation: ViewEncapsulation.none
})

推荐阅读