TYPO3：CKEditor：不显示一些 类

Question

我在 ckeditor 中有自己的 类 的 yaml 配置：

  - { name: "Subline", element: "p", attributes: { class: "subline" } }
  - { name: "Intro", element: "p", attributes: { class: "lead" } }
  - { name: "Farbwelt-Text", element: "p", attributes: { class: "text-farbwelt" } }
  - { name: "small", element: "p", attributes: { class: "small" } }
  - { name: "Style: h1", element: "p", attributes: { class: "h1" } }
  - { name: "Style: h2", element: "p", attributes: { class: "h2" } }
  - { name: "Style: h3", element: "p", attributes: { class: "h3" } }
  - { name: "Style: h4", element: "p", attributes: { class: "h4" } }
  - { name: "Style: h5", element: "p", attributes: { class: "h5" } }
  - { name: "Farbformatierung", element: "p", attributes: { class: "wie-color" } }
  - { name: "Farbe: Afrika", element: "p", attributes: { class: "afrika" } }
  - { name: "Farbe: Europa", element: "p", attributes: { class: "europa" } }
  - { name: "Farbe: Asien", element: "p", attributes: { class: "asien" } }
  - { name: "Farbe: Orient", element: "p", attributes: { class: "orient" } }
  - { name: "Farbe: Lateinamerika", element: "p", attributes: { class: "lateinamerika" } }
  # Inline styles
  - { name: "Telefon-Icon", element: "span", attributes: { class: "telefon" } }
  - { name: "Button (orange)", element: "a", attributes: { class: "btn btn-wie-default" } }
  - { name: "Button (orange) small", element: "a", attributes: { class: "btn btn-wie-default btn-sm" } }
  - { name: "Button (orange) small + Pfeil", element: "a", attributes: { class: "btn btn-wie-default btn-sm btn-pfeil" } }
  - { name: "Button (grau) small + Outline + Pfeil", element: "a", attributes: { class: "btn btn-sm btn-outline-secondary btn-pfeil" } }
  - { name: "E-Mail-Icon", element: "a", attributes: { class: "email" } }
  - { name: "Link-Icon", element: "a", attributes: { class: "link" } }

一切正常，除了这些样式：

  - { name: "Button (orange)", element: "a", attributes: { class: "btn btn-wie-default" } }
  - { name: "Button (orange) small", element: "a", attributes: { class: "btn btn-wie-default btn-sm" } }
  - { name: "Button (orange) small + Pfeil", element: "a", attributes: { class: "btn btn-wie-default btn-sm btn-pfeil" } }
  - { name: "Button (grau) small + Outline + Pfeil", element: "a", attributes: { class: "btn btn-sm btn-outline-secondary btn-pfeil" } }

在编辑器中只显示第一个元素。如果我像这样更改第二个元素：

- { name: "Button (orange) small", element: "a", attributes: { class: "btn btn-sm btn-wie-default" } }

然后显示第一个和第二个条目。

当我也随机播放其他两个缺失样式的 类 时，出现了第三个样式，但没有出现第四个。

有什么想法，该怎么办？

Answer 1

这是 ckeditor 中的一个错误。 类 需要按字母顺序排列。参见 https://dev.ckeditor.com/ticket/13206 and https://github.com/ckeditor/ckeditor-dev/issues/2578