Actions

LucidChart

From MediaWiki Widgets

LucidChart widget
Description:Allows you to embed a LucidChart diagram directly in the page.
Author:paulboal
Provider:LucidChart
Code:Widget:LucidChart
Status:active
Security:unknown
Inv-Icon tools.svg.png

To copy this widget to your wiki, cut and paste the entire source of the LucidChart widget code page into a page called Widget:LucidChart on your wiki.

If you don't have the Widget extension set up on your wiki, go to its description page on MediaWiki.org and follow the installation instructions.


This widget allows you to embed a LucidChart diagram directly in the page.

To insert this widget, use the following code:

{{#widget:LucidChart
|guid=xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx
|id=xxxxxxxxxxxx
}}

Parameters

The guid and id parameters come from the embedding code that LucidChart provides when you choose the Share -> Embed menu action. Below is some sample embed code that LucidChart might provide. You can see where the guid and id parameters come from.

<div style="width: 640px; height: 480px; margin: 10px; position: relative;"><iframe allowfullscreen frameborder="0" style="width:640px; height:480px" src="https://www.lucidchart.com/documents/embeddedchart/bc621918-d619-4763-bbc1-92f9afaec8b3" id="iDtXMe2jBuHT"></iframe></div>
  • guid - the trailing part of the iframe src URI: bc621918-d619-4763-bbc1-92f9afaec8b3
  • id - the id attribute of the iframe: iDtXMe2jBuHT

Sample result

Comments

blog comments powered by Disqus