AngularJs 12 使用 Editor.md 实现 Markdown 编辑器 并解决 因为样式冲突导致 列表(ul、ol) 没有前缀数字、符号的bug

参考

1. editormd编辑器列表圆点不显示
2. Angular 中文网-组件样式

问题

通过参考《 editormd编辑器列表圆点不显示》这篇文章知道了为什么圆点不显示。

通过排查发现是因为引入的devui的样式重置了 ul、ol 的默认样式，导致圆点、序号不显示。

但是通过文章中的方法去修改css的时候，并没有生效。参考《Angular 中文网-组件样式》发现css样式在不同组件、页面之间是隔离开的，所以尝试把css样式写到 /styles.scss 文件中。

完整代码

• 项目目录下面的 /styles.scss

// https://blog.csdn.net/m0_47428652/article/details/108157805
// 解决 editormd li 的样式被覆盖的bug
#editormd ul, #editormd ol{
  list-style: auto!important;
  list-style-type: decimal!important;
}