Reactjs中CKEditor 5中的“ numberedList”功能不起作用

时间:2019-12-18 14:23:07

标签: reactjs ckeditor ckeditor5

我阅读了许多有关CKEditor 5的问题及其答案,但我尚未解决问题。 这是我用于CKEditor的react组件:

DataFlowOperations

我的问题是: 当用户选择“ numberedList”图标时,它不起作用;当用户选择“ bulletedList”图标时, 但是,当选择“ blockQuote”然后选择“ bulletedList”时,块引用和项目符号列表的功能运行良好。当用户选择“ blockQuote”然后选择“ numberedList”时,将发生更奇怪的情况。在这种情况下,块引用和项目符号列表的功能将再次起作用,并且在任何情况下“ numberedList”都不起作用。

1 个答案:

答案 0 :(得分:0)

添加这个 css。

.ck.ck-content ul,
.ck.ck-content ul li {
  list-style-type: inherit;
}

.ck.ck-content ul {
  /* Default user agent stylesheet, you can change it to your needs. */
  padding-left: 40px;
}

.ck.ck-content ol,
.ck.ck-content ol li {
  list-style-type: decimal;
}
.ck.ck-content ol {
  /* Default user agent stylesheet, you can change it to your needs. */
  padding-left: 40px;
}

样式必须已被覆盖。

{{3}}