draw嵌入HTML

使用文件嵌入 HTML生成HTML标记，然后可以将其嵌入HTML页面（或博客平台之类的服务）中。HTML标记需要加载远程脚本以在页面中呈现图。嵌入式HTML支持页面，链接，折叠/展开，图层，缩放，数学排版，并包括内置灯箱以及作为适合视网膜显示的矢量图像进行显示。

选项

包括我的图表的副本：默认情况下包括您的图表的XML副本。

图的公共URL ：使用公共URL加载图（如果有）。

链接：指定如何打开链接（自动表示相对链接和锚点在同一窗口中打开）

边框颜色：设置带有链接的形状的边框的突出显示颜色。

缩放：指定查看器是否应具有带有缩放功能和初始缩放值的工具栏（默认为100％）。

链接：使用给定颜色的链接突出显示形状（默认值为＃0000ff）

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

图层：指定是在查看器和灯箱中显示还是隐藏各个图层。

灯箱：在新标签或使用内置灯箱中打开图表。

显示编辑按钮：在灯箱中显示“在新窗口中打开”按钮。

如果启用了图层或缩放，则会添加一个带有相应控件的工具栏。如果启用缩放，则容器大小将随着用户放大/缩小而改变。

配置和数据存储在data-mxgraph属性中的JSON对象中。使用以下设置来配置查看器：

xml / url = data：指定图的XML或URL。URL优先于XML。

工具栏= [页面|缩放|图层|灯箱|自定义]： 指定要包含在工具栏上的工具（例如，工具栏=图层灯箱）。需要自定义条目才能在toolbarButtons中具有匹配的键。

toolbar-buttons = {……： 形式为{key：{title：string，image：base64-encoded，handler：function [，enabled：false]}，key …}的工具栏按钮定义

toolbar-nohide = true：确保始终显示工具栏。

max-height = value： 设置图表的最大初始高度。

auto-fit = false：禁用自动缩放（如果不显示缩放按钮）。

check-visible-state = false：禁用延迟渲染。

lightbox = [false | open]： 禁用或强制在新窗口中打开灯箱。

layer = [index0 index1 …]： 指定可见层的空格分隔列表（例如，   layers = 0 1）。

tooltips = false： 禁用工具提示。

toolbar-position = [top | inline | bottom]： 设置工具栏的位置（默认为top）。

zoom = value： 设置初始缩放（默认为1）。

editable = false：禁止从灯箱进行编辑（默认为1）。

allow-zoom-in = false：强制自动调整并指定是否允许zoom 1。

allow-zoom-out = true：指定是否允许在较小的容器内进行装箱（13.6.4）。

border = value： 指定图表周围的填充量（默认为8）。

page = value：选择初始页面（默认为0）。

nav = false： 禁用折叠/展开。

resize = [true | false]：进行更改后强制或禁用容器大小调整。

center = [true | false]：指定是否将图表居中（默认为false）。

target = [self | blank]： 在同一/新窗口中打开链接（默认在同一窗口中打开相对链接和锚点）。

move = true： 设置是否折叠/展开移动同级。

title = value：设置工具栏的可选标题（如果看不到工具栏，则设置工具提示）。

edit = url | _blank：为您单击灯箱中的“在新窗口中打开” 功能（其中_blank打开图表的副本）单击时设置一个可选链接

默认情况下，即使嵌入式图位于iframe中，指向锚的链接，相对链接或指向相同域的链接也会在同一窗口中打开。除非指定target = self，否则所有其他链接将在新窗口中打开。

要关闭灯箱，请按Esc或单击较暗的背景，右上角的关闭图标（“X”）或工具栏中的关闭符号。

如果容器的CSS边框是透明的（默认）或非空，则当您将鼠标悬停在其上方时，容器的边框将发生变化。如果启用，将显示工具栏并添加边距。

响应式开关使用max-width：100％实现。

要求

嵌入式HTML需要JavaScript支持。支持的浏览器是Microsoft Internet Explorer 6和更高版本，Microsoft Edge，Safari，Chrome，Firefox，Android，iOS，Microsoft和Chromebook触摸设备。