Model Xtractor - Online Class Diagram Editor
Model Xtractor - Online Class Diagram Editor User Account   
    RSS Posts | Model Xtractor
  • Diagrams
  • Metadata
  • Blog
  • Support
  • Tutorial

Publish Diagrams to Your Own Site

Leave a Comment » Apr 12, 2010
Bookmark and Share
Categories: Tutorial

Public diagrams from Model Xtractor are shared and can be easily published on any other site, using one of our plugins. You’ll instantly get the real size image, eventually shrinked to fit within available space, with nice Edit/View/Print buttons below. Protected diagrams, created by and available only to registered subscribers, expose only their 200 pixels wide shadowed thumbnails.

Published Diagrams

This demo diagram, of ID 3 (the unique diagram number can be determined from the published diagram’s page), is sized to fit here, but can also use an adjustable 300..700 pixels width:

Click for the published entry of the diagram
EditViewPrint

The diagram can be customized (Edit) in our free online diagram editor, visualized as a full image (View) in our interactive viewer, with hotspots for contextual documentation on diagram’s metadata, or printed (Print) from a previously generated PDF.

The shadowed thumbnail is 200 pixels wide, with no buttons:

Model Xtractor Diagram

If the diagram is deleted, a specific thumbnail appears instead.

Script Plugin

On Blogger/Blogspot (see an example here) or other sites that allow inline HTML scripts, copy and paste the JavaScript code below:

<script type="text/javascript">xtractor_id=3;xtractor_size=0;</script>
<script type="text/javascript" src="http://model-xtractor.com/web/plugins/Plugin.js">
</script><noscript>Please Enable JavaScript!</noscript>

First parameter is diagram’s ID number. Second parameter is either 0 (for size to fit), a number between 300..700, or 200 for the thumbnail. No diagram appears if JavaScript was disabled in user’s browser.

Wordpress Plugin

Wordpress blogs (see an example here) should use a plugin that you can download here. Just activate it and you’re done (no further configuration required). Use this in your posts (but leave no spaces inside!):

[ model-xtractor]3,0[/model-xtractor ]

First parameter is diagram’s ID number. Second optional parameter is either 0 (for size to fit), a number between 300..700, or 200 for the thumbnail, identical to the script plugin described before. The Wordpress Plugin does not use HTML scripts, so diagrams are displayed even if JavaScript was disabled by user.

Leave a Comment

Accepts [code lang=".."] .. [/code], where lang is one of: csharp/vbnet/java/js/c/cpp/xml/sql/as3/php/ruby

E d i t   D i a g r a m s   O n l i n e !
Advertisement
Last Recommended Diagrams
  • WCF Binding
  • Membership (System.Web.Security Namespace)
  • System.ServiceModel.Syndication Namespace
  • System.Configuration: Sections and Groups
  • System.Configuration: Specific Sections
  • mx.utils
  • mx.preloaders
  • mx.controls.menuClasses
  • mx.controls.listClasses
  • mx.controls.dataGridClasses
Last Recommended Diagram
WCF Binding
WCF Binding
© 2010 Model-Xtractor.com - All Rights Reserved.
  • Terms of Use
  • Privacy Policy
  • News
  • About Us
  • Contact Us