Draftail Editor 中的有限图标颜色
Finite Icon Colors in Draftail Editor
我正在尝试在 Draftail 编辑器本身上实现有限数量的颜色（如方形图标）。解决这个问题的最佳方法是什么？
它应该类似于 Microsoft Word 显示字体颜色或类似线条的方式。
提前致谢。
我不确定这是否是最好的方法，但这是我想出的方法：
https://gist.github.com/benoitvogel/46022124d46de03ed2078603fb24ca97
这定义了一个新的内联样式，它将所选文本包围在 <span class="mycustomclass"></span> 之间（根据您要使用的 CSS class 更改 feature_name）。
然后，你只需像往常一样在前端定义相应的.mycustomstyle CSS class：
.mycustomstyle {
color: purple;
}
您还可以修改 control['style'] 以更改此样式在编辑器中的显示方式。
每个 CSS class 您将获得 1 icon/label，因此它与 Word 中的情况不太一样，因为您不会获得合适的选择器。我自己还没有尝试过，但是根据 Wagtail docs icon 可以引用 SVG，因此您可以显示颜色方块而不是标签。
希望它能满足您的需求。
我正在尝试在 Draftail 编辑器本身上实现有限数量的颜色（如方形图标）。解决这个问题的最佳方法是什么？
它应该类似于 Microsoft Word 显示字体颜色或类似线条的方式。
提前致谢。
我不确定这是否是最好的方法，但这是我想出的方法：
https://gist.github.com/benoitvogel/46022124d46de03ed2078603fb24ca97
这定义了一个新的内联样式，它将所选文本包围在 <span class="mycustomclass"></span> 之间（根据您要使用的 CSS class 更改 feature_name）。
然后，你只需像往常一样在前端定义相应的.mycustomstyle CSS class：
.mycustomstyle {
color: purple;
}
您还可以修改 control['style'] 以更改此样式在编辑器中的显示方式。
每个 CSS class 您将获得 1 icon/label，因此它与 Word 中的情况不太一样，因为您不会获得合适的选择器。我自己还没有尝试过，但是根据 Wagtail docs icon 可以引用 SVG，因此您可以显示颜色方块而不是标签。
希望它能满足您的需求。