Javascript

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

本文主要是介绍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;
}
这篇关于AngularJs 12 使用 Editor.md 实现 Markdown 编辑器 并解决 因为样式冲突导致 列表(ul、ol) 没有前缀数字、符号的bug的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!