[WordPress] 外掛分享： TFO Graphviz

前言介紹

• 這款 WordPress 外掛「TFO Graphviz」是 2010-11-21 上架。
• 目前有 50 個安裝啟用數。
• 上一次更新是 2019-06-23，距離現在已有 2142 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
• 外掛最低要求 WordPress 4.2.0 以上版本才可以安裝。
• 有 2 人給過評分。
• 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。

外掛協作開發者

chrisy |

外掛標籤

graph | diagram | flirble | network | graphviz |

內容簡介

lar Graphviz layout engine to use. The default is dot.

maptarget="self|_blank|_parent|_top"

Specifies the target window for image map links. The default is _self.

sanitize="yes|no"

Whether or not to sanitize the DOT code before rendering. If set to yes, Graphviz will attempt to remove potentially unsafe content, such as scripts and iframes, from the code. This is enabled by default, but can be disabled with sanitize="no".

simple="yes|no"

Whether to simplify some of the rendering options. This option allows you to reduce the amount of logical markup produced by the plugin, at the expense of some flexibility when defining your graphs. If set to yes, the plugin will assume that the only graph type used is directed, and skip some of the standard parameters like rankdir and type. This parameter is disabled by default.

title=""

Adds a title attribute to the img tags to enable hovering text containing more detailed information about the image. This can be very useful for accessibility reasons as well as general comprehension.

type="png|gif|svg"

Specifies the file format for the rendered graph. The default is png.

width=""

Adds a width attribute to the img tags to enable control of the image rendering. This is useful for making sure the graphic fits into a certain space and works well for SVG rendered graphs.

Note that the position of the [graphviz] tag on the line is not used, nor is white space before or after the tags.

For more information visit the TFO Graphviz Plugin page.

原文外掛簡介

Graphviz is a powerful tool for visualizing network and tree structures that connect objects.
This WordPress plugin provides a shortcode mechanism to create Graphviz graphics within blogs, including image map generation and most other Graphviz features.
How to use TFO Graphviz
The shortcode syntax is:
[graphviz]

[/graphviz]

Where is anything from this list. All are entirely optional:

class=""
Adds an extra CSS class name (or names) to the img tag of the rendered graph. This is in addition to the graphviz class that is already applied.

emitjs="yes|no"
Override the global setting that controls whether JavaScript is emitted as necessary. Typically this JavaScript is only produced when rendering SVG output and is intended to ensure SVG images work on most browsers. However this can sometimes be undesirable and thus this option gives some control over this.

height=""
Adds a height attribute to the image tags to enable control of the image rendering. This is useful for making sure the graphic fits into a certain space and works well for SVG rendered graphs.

href="self|"
Encompasses the generated image with a link either to the image itself (with the self value) or to the provided URL. If the option is empty (for example, href="") then no link is generated. This is the default.

id=""
Provides the identifier used to link the generated image to an image map. If you use the simple option then it also provides the name of the generated DOT graph container (since Graphviz uses this to generate the image map). If not given then an identifier is generated with the form tfo_graphviz_N where N is an integer that starts at one when the plugin is loaded and is incremented with use.

imap="yes|no"
Graphviz can generate image maps using any URL’s given in the DOT code so that clicking on objects in the resultant image will direct a web browser to a new page. The effect of this option is to both instruct Graphviz to generate a client-side image map and to also insert that map into the generated HTML. It will use the id value as the name of the map (see the id option for details). imap defaults to no.
Take note that the id value specified in the shortcode tag must match the name of the graph inside your DOT; the HTML for the image map is generated by Graphviz using the name of the graph as the map id and name. This plugin uses the id specified in the shortcode tag to link the image to the map and thus these values need to match.
For example, note that mymap is both the id and the graph name:
[graphviz imap="yes" title="This is my map" id="mymap"]
digraph mymap {
input[shape="box", style="rounded", label="My label", URL="/myurl"];
}
[/graphviz]

If you do not give the graph any name at all the results are undefined. Some versions of Graphviz use the string %3 as the identifier in the map but this may not be universally true.

lang=""
Specifies the particular Graphviz interpreter to use. The options are dot, neato, twopi, circo and fdp. The default is dot.

output=""
Indicates the desired image format. Defaults to png.

simple="yes|no"
The simple option provides a very basic DOT wrapper around your code such that the following is possible:
[graphviz simple="yes"] a -> b -> c; [/graphviz]

The generated code would look like:
digraph tfo_graphviz_1 {
a -> b -> c;
}

See the id option for a description of how the name of the digraph is created. simple defaults to no.

title="