2021年5月6日

配置diagrams.net和draw.io编辑器?

配置diagrams.net和draw.io编辑器?可在Confluence服务器/数据中心/云,Quip,嵌入模式,在线和桌面中配置draw.io的以下方面:

  • 字体和网络字体
  • 调色板和主题
  • 形状和连接器样式
  • 左侧面板中显示的内置库
  • 左侧面板中显示的自定义库
  • 编辑器外观的CSS
  • 扩展图编辑器的插件 (按原样提供,作为开发人员不支持的示例)
  • 左侧面板中条目的宽度和高度
  • 空白图和库的XML
  • 全局变量
  • XML压缩
  • 新连接器(边缘)的默认长度
  • 自动保存的默认延迟
  • 外部资源的使用(仅限Quip)

配置

Confluence数据中心和服务器:以管理员身份转到您实例的设置,向下滚动到左侧导航中的draw.io附加部分,然后单击“配置”选项卡。

Confluence Cloud:作为管理员,请转到实例的“设置”中的“ draw.io配置”部分。

Jira Server: 以管理员身份单击“设置”图标。选择管理应用程序(或在较早的Jira版本中管理dd-ons)。在左侧导航中打开draw.io附加组件配置,然后单击“配置”选项卡。

Quip:作为站点管理员,创建一个新图,然后选择Diagrams> Preferences> Advanced。

嵌入式:添加configure = 1 URL参数和用于配置的JSON代码。

在线和台式机:选择“其他”>“配置”以定制diagrams.net。

格式

该配置表示为带有以下选项的JSON(JavaScript对象表示法)字符串:

defaultFonts:格式面板字体下拉列表中的字体系列名称的数组。

customFonts:一个字体家族名称数组,要在defaultFonts(9.2.4及更高版本)之前添加。

注意:字体必须安装在服务器和所有客户端设备上,或者使用fontCss 选项添加。(6.5.4及更高版本)。

PresetColors:颜色对话框中上部调色板的颜色代码(颜色代码前无#)。

customPresetColors:在presetColors之前添加的颜色代码(颜色代码不带前导号)(9.2.5及更高版本)。

defaultColors:颜色对话框中下部调色板的颜色代码(颜色代码前无#)。

defaultColorSchemes:格式面板顶部的样式部分中可用的配色方案(对于颜色代码,请使用前导#)。可能的颜色键为fill,stroke,渐变和font(连接器忽略字体)。

customColorSchemes:在defaultColorSchemes(9.2.4及更高版本)之前添加的配色方案。

defaultVertexStyle / defaultEdgeStyle: 定义顶点和边(连接器)的初始默认样式。请注意,对于每个单元格,将此处定义的样式复制到新单元格的样式中。这意味着这些值将覆盖从其他样式或主题继承的所有其他内容(稍后可能会支持)。因此,建议对默认样式使用最少的一组值。要查找要使用的键/值对,请在应用程序中设置样式,然后通过“编辑样式”(Ctrl + E)(6.5.2及更高版本)查找键和值。

例如,要将默认的FontFamily of Courier New分配给所有的边和顶点(并覆盖所有其他默认样式),请使用{“ defaultVertexStyle”:{“ fontFamily”:“ Courier New”},“ defaultEdgeStyle”:{“ fontFamily”:“ Courier New”}}(6.5.2和更高版本)。

样式: 定义了包含颜色(对象数组FONTCOLOR,填充颜色,则strokeColor和gradientColor)的格式面板的样式选项卡,如果选择为空。这些对象可以具有commonStyle(应用于顶点和边缘),vertexStyle(应用于顶点)和edgeStyle(应用于边缘)以及具有background和gridColor的图形。