如何在编辑时更改textblock的背景颜色?

时间:2018-02-21 10:13:13

标签: gojs

默认情况下,在GoJs中,当用户尝试编辑gojs文本块中的文本时,会出现白色背景。我需要将这种白色改为某种不同的颜色。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

最初在https://developer.linkedin.com/partner-programs回答。

首先,熟悉TextEditingTool和HTMLInfo: https://forum.nwoods.com/t/how-to-change-backgound-color-of-textblock-on-editing/10008 https://gojs.net/latest/api/symbols/TextEditingTool.html

请注意,您要修改https://gojs.net/latest/api/symbols/HTMLInfo.html

您可以获取默认的HTMLInfo https://gojs.net/latest/api/symbols/HTMLInfo.html#mainElement

与所有工具一样,您可以在https://gojs.net/latest/api/symbols/TextEditingTool.html#defaultTextEditor获取默认的TextEditingTool。

所以一种方法是定义自己的CSS类:

<style>
  .myTextEditorCSSClass {
    background: magenta;
  }
</style>

然后在图表初始化之后:

myDiagram = $(go.Diagram, ...)

var tool = myDiagram.toolManager.textEditingTool;
tool.defaultTextEditor.mainElement.className = "myTextEditorCSSClass";

https://gojs.net/latest/api/symbols/ToolManager.html#textEditingTool