Question

我正在尝试在Draftail编辑器本身上实现有限数量的颜色（如方形图标）。什么是最好的方法来解决这个问题？

它应该类似于Microsoft Word在这些行中显示字体颜色的方式。

提前致谢。

Answer 1

我不确定它是不是最好的方法，但这就是我想出的：

这定义了一种新的内联样式，它将所选文本包含在<span class="mycustomclass"></span>之间（根据您要使用的CSS类更改feature_name）。

然后，您只需像往常一样在前端定义相应的.mycustomstyle CSS类：

.mycustomstyle {
    color: purple;
}

您还可以修改control['style']以更改此样式在编辑器中的显示方式。

每个CSS类会得到1个图标/标签，所以它并不像Word中那样，因为你没有得到一个合适的选择器。我自己没有尝试过，但根据Wagtail docs icon可以引用SVG，因此您可以显示颜色方块而不是标签。

希望它符合您的需求。