在 WordPress 中以 SVG 格式嵌入图表

您可以将图表的 SVG 版本嵌入到 WordPress 博客文章或页面中。与其他格式相比，SVG 图像加载速度很快，如果您希望允许读者下载图表副本并在draw.io 在线编辑器中查看，还可以将图表数据包含在内。

图表的 SVG 版本只能显示一个页面，但导出的 SVG 文件可以包含图表中所有页面的全部数据。在 WordPress 中点击嵌入的 SVG 时，默认情况下，图表会在 draw.io 的灯箱查看器中打开，您可以看到图表中的所有链接、工具提示、图表内容和图层。

在 WordPress 中嵌入 SVG 图表

1. 选择文件 > 嵌入 > SVG。

2. 选择导出的SVG文件的选项：

• 编辑：默认情况下，当用户点击弹出窗口中的“编辑”按钮时，draw.io 会复制该图表。如果您希望用户跳转到特定 URL，请更改此设置。

• 图层：允许查看者在灯箱中显示或隐藏单个图层。
  

• 

• 适应：调整图表以填充页面或容器的可用宽度。

• 阴影：为图表添加阴影效果。

• 图像：创建包含 SVG 标记的图像。

• 灯箱：在新标签页中打开图表或使用 draw.io 灯箱。

3. 点击“嵌入”。

4. SVG 标记将显示在以下对话框中，并且已选中。单击“复制”。
   

5. 

6. 在 WordPress 中编辑文章或页面时，切换到文本（HTML）输入，然后粘贴你在上一步中复制的 SVG 标记。
   

7. 

8. 发布您的页面。现在，当有人点击图表时，它将根据您选择的设置，在 draw.io 的灯箱或编辑器中打开。
   

9. 

排查 WordPress 中损坏的图表问题

WordPress 不支持带有外部对象的 SVG 图像，例如您可以在标签上使用的 HTML 文本格式选项。

形状（顶点）可以使用自动换行，形状和连接线都可以使用 HTML 标签进行文本格式化。在将 SVG 图表嵌入 WordPress 之前，必须禁用这两项功能。

例如，如果同时启用自动换行和文本格式设置，则上面的图表在 WordPress 中以 SVG 格式嵌入时会显示错误。

禁用文本格式：

1. 在 draw.io 中编辑图表时，右键单击绘图画布上的空白区域，然后从上下文菜单中选择“全选”，即可选择图表中的所有内容。

2. 在右侧的格式面板中，选择“文本”选项卡，然后取消选中“格式化文本”复选框。

禁用自动换行：

1. 在绘图画布的空白区域单击鼠标右键，然后从上下文菜单中选择“选择顶点”以选择所有形状。

2. 在右侧的格式面板中，选择“文本”选项卡，然后取消选中“自动换行”复选框。
   

3.