当前位置:首页 > draw.io教程

自定义和配置 draw.io 编辑器,以便更快地绘制图表

drawio5个月前 (12-18)draw.io教程10

draw.io 编辑器拥有海量的配置选项,可以显著提升您的绘图效率。您可以设置自定义调色板、样式、字体、形状库、模板,甚至是编辑器主题;启用或禁用特定功能;设置连接器的默认值等等,所有这些都可通过 draw.io 丰富的配置选项来实现。

draw.io 既可以作为在线编辑器使用,也可以作为内容平台应用、离线桌面应用使用,还可以嵌入到各种集成中,因此并非所有配置选项都适用于所有平台和集成。例如,draw.io for Confluence 拥有许多额外的功能和选项,这些功能和选项只能在 Atlassian 的应用管理设置中进行配置,而在线编辑器中则无法使用。

提示: draw.io 配置选项使用JSON 字符串编写。为确保配置是有效的 JSON,请使用JSONLint 等验证器。并确保将双引号 (\”) 替换为单引号 (")。

打开 draw.io 配置

从 draw.io 菜单中选择“附加功能”>“配置” (经典、Atlas 编辑器主题),或从 draw.io 菜单中 选择“设置”>“配置” (简单、极简、Sketch 主题)。

配置默认样式

在将形状和连接线添加到图表后重新设置它们的样式会非常耗时。如果您始终使用相同的颜色(例如,必须遵循公司风格时),请在 draw.io 配置中将它们设置为自定义预设或默认颜色。

设置自定义调色板presetColors,,customPresetColorsdefaultColors和配色方案(customColorSchemesdefaultColorSchemes),使用默认颜色和预设颜色,可以更快地为图表着色。

指定在浏览器中使用深色或浅色模式时, 自适应颜色defaultAdaptiveColors, )如何自动切换。enableLightDarkColors

如果贵公司有样式指南要求您使用特定的授权字体或网络字体, 请为文本标签( , )设置自定义和默认字体和样式。customFontsdefaultFonts

您还可以为连接符( ,,)设置默认样式、长度和标签样式stylesdefaultVertexStylesdefaultEdgeStyles

查看 draw.io 中所有可用的样式配置选项——实际选项远不止上面列出的这些。

添加自定义库和模板

您可以在 draw.io 中创建自己的自定义形状、绘制自由形状、编辑现有形状的连接点,然后将这些形状添加到自定义库中。

在 draw.io 配置中,您可以设置默认加载这些自定义库或任何内置的 draw.io 形状库defaultLibraries,,,。 enabledLibrarieslibrariesdefaultCustomLibraries

如果您想完全禁用自定义库,或者将新启用的库设置为默认展开状态,也可以这样做。(enableCustomLibrariesexpandLibraries

要设置自定义模板库templateFile您需要创建一个XML 文件,其中包含所有自定义(和默认)模板以及模板默认打开的自定义形状库的列表。此列表用于在模板库对话框中列出模板类别及其对应的图表。

自定义 draw.io 编辑器功能

draw.io 还有许多其他功能可以进行调整,以帮助您更快地完成最终图表,包括:

  • 画布周围侧边栏的显示方式

  • 如何使用鼠标进行缩放和粘贴形状

  • 自定义绘图画布的网格尺寸

  • 自定义页面格式

为了摆脱空白页面的困扰,更快地开始绘制图表,draw.io 的图表生成功能允许您根据简单的文本描述绘制图表。这些图表生成设置也是可配置的。

draw.io 在线编辑器默认启用图表生成功能,并使用多种在线 AI 模型。您可以通过菜单中的“排列”>“插入”>“生成” 、模板管理器形状搜索框以及闪光工具生成图表。

  • 在 draw.io for Confluence 中,这些功能默认处于禁用状态。作为管理员,"enableAi": true您需要在实例的管理设置中,在 draw.io 应用配置中进行设置,以允许用户生成图表。

  • draw.io 桌面应用程序离线版不支持图表生成功能。

通过 draw.io 配置,您可以自定义要使用的 LLM 模型、可通过搜索地址栏执行的操作、每个操作的默认说明提示等等。

例如,下面的“生成”对话框允许您选择各种图表生成操作和特定模型,所有这些都可通过 draw.io 配置进行自定义。

花点时间把配置设置好,你就能大大优化你的图表绘制工作流程,更快地开始和完成图表。