如何在 mxGraph 中使用外部 CSS 定义元素样式？

Question

我正在尝试在 mxGraph 中创建工具栏：

let divForToolbar = document.createElement("div");
divForToolbar.classList.add("toolbar")
let toolbar = new mxToolbar(divForToolbar);

然后，我导入包含类工具栏的 css 样式表。但是它里面的“工具栏”类中定义的所有样式都不起作用。

官方文档提供了在 JS 代码中使用 mxStylesheet 和 mxConstants 来定义样式，或者像这样定义内联样式：

divForToolbar.style.overflow = 'auto';

但我认为在 JS 中定义样式是一种不好的做法。如何在外部 CSS 中正确定义样式？

Answer 1

您可以使用现有的类名或添加容器工具栏 (editor.setToolbarContainer)。 https://jgraph.github.io/mxgraph/javascript/examples/toolbar.html https://jgraph.github.io/mxgraph/javascript/examples/uiconfig.html

在更复杂的问题中覆盖toolbar.addMode 方法。它帮助我创建自己的样式工具栏。