Author Topic: HTML (SVG) Export  (Read 6961 times)

0 Members and 1 Guest are viewing this topic.

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
HTML (SVG) Export
« on: January 15, 2017, 08:51:54 PM »
Hi guys,

Recently finished my new long-standing extension for exporting HTML from Visio.
I've tried first time with vispublish here: http://visguy.com/vgforum/index.php?topic=61, but it didn't quite fly :)

Now it's much easier, it's a local HTML export, just as "save as", but one that works in modern browsers, and supports extensibility (e.g. animations/javascript)
Means, it can export HTML file directly to the local drive.

Demo pages
http://unmanagedvisio.com/html-export-demo/

I like "stuhlek" the most, since it connects to LVIE  DATA on the target website, and I visit it quite often :)


Simple org chart.


In standard functionality, it can export to (any) SharePoint AND to GitHub pages (to share diagrams for free!).
Check out the above diagrams - they are all hosted on GitHub!

In short, HTML export done in 2016 :)
The standard features (pages, properties, hyperlinks, tooltips) are out-of-the box.
Viewing works with browsers: Chrome, Firefox, IE9+, Edge, mobile browsers (ipad, android/chrome)
« Last Edit: January 15, 2017, 08:55:30 PM by Nikolay »

Yacine

  • Hero Member
  • *****
  • Posts: 2580
Re: HTML (SVG) Export
« Reply #1 on: January 16, 2017, 06:22:28 AM »
Awesome! I missed such a feature from the beginning of Visio.
Thank you so much for this work.

By the way the msi does require admin rights.
Yacine

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
Re: HTML (SVG) Export
« Reply #2 on: January 16, 2017, 06:34:53 AM »
Thanks!
About the MSI - you can click "Advanced", then select "Install only for me", then no admin rights are required.

Yacine

  • Hero Member
  • *****
  • Posts: 2580
Re: HTML (SVG) Export
« Reply #3 on: January 16, 2017, 07:54:59 AM »
Installation worked fine.
Did a first test. Will report later.
Yacine

Paul Herber

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 2765
    • Paul Herber's website
Re: HTML (SVG) Export
« Reply #4 on: January 17, 2017, 06:09:12 AM »
This is very impressive and cool!  8)
Electronic and Electrical engineering, business and software stencils and applications for Visio -

http://www.paulherber.co.uk/

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
Re: HTML (SVG) Export
« Reply #5 on: January 17, 2017, 07:20:10 AM »
Thanks Paul!

Yacine

  • Hero Member
  • *****
  • Posts: 2580
Re: HTML (SVG) Export
« Reply #6 on: January 19, 2017, 09:19:25 AM »
Hi Nikolay,
Here are my first test results:
  • on a rather small drawing (less than 2000 shapes) I get the error "The publishing finished with error(s): An item with the same key has already been added.". (I cannot upload the file, but can send it to you by email or PM)
  • Miss the possibility to make only shapes at top level clickable (Removing manually the unwanted shapes in the "window.svgpublish" area helps, but this shouldn't be the solution of choice)
  • Cannot overwrite Java class in Visio (field is editable, but does not store the value)
  • Miss the possibility to not overwrite customized css and js files (or to chose my custom ones from the interface in Visio)
Rgds,
Y.
« Last Edit: January 19, 2017, 09:21:37 AM by Yacine »
Yacine

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
Re: HTML (SVG) Export
« Reply #7 on: January 19, 2017, 11:21:40 AM »
Hi Yacine!
Thank you for the feedback!

1. Could you please send that drawing with 2000 shapes as PM, or by email, i'll try to fix that.

2. What do you thing, how would it be to do that? Maybe explicit flag like "exclude" from selection could be helpful?

3. There seems to be a bug with that field. To kee pthe text, you click that field, then another field (not the drawing). Could you please try the updated version?

4. Now there should be 2 windows - for custom CSS as well! (next to the javascript). Please check out the updated build.

Yacine

  • Hero Member
  • *****
  • Posts: 2580
Re: HTML (SVG) Export
« Reply #8 on: January 20, 2017, 06:03:03 AM »
1. Done
2. a check box for individual shapes would be fine. (information to be stored in the shape as prop or user field for better editing of large works).
I could also imagine one global flag "export only data at top level" (parent = page)
3. The update did it.
4. The windows are not identifiable as such at first glance. Either add labels or fill them with an explanation which disappears on gotFocus.
Contents were however inserted just fine in the export file. (Still need to figure out how to use them. Looking forward to read your tutorial)
« Last Edit: January 20, 2017, 06:04:56 AM by Yacine »
Yacine

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
Re: HTML (SVG) Export
« Reply #9 on: January 20, 2017, 09:16:21 PM »
1. Fixed.
2. A global checkbox added.
3. Fixed.
4. I'll try to write an article/tutorial this weekend for using custom stuff there.
What would you think, would option to edit HTML/JS templates "globally" be useful, or "minor" amendments are good enough?
Anyways, this is probably to be discussed after writing some introduction/tutorial...

Yacine

  • Hero Member
  • *****
  • Posts: 2580
Re: HTML (SVG) Export
« Reply #10 on: January 21, 2017, 08:43:24 AM »
1-4 *****
Thank you.

Editing CSS and JS:
That's a very big task.
Consider only CSS and JS Pros, or also common Visio users?
Inkscapes dropdown lists allowing to chose an action for an event for a certain shape are quite fine. You may have a look at it.
Different solutions as templates would be fine. (Beside the left display bar, one could imagine having floating data windows?)
Yacine

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
Re: HTML (SVG) Export
« Reply #11 on: February 09, 2017, 10:11:25 PM »
New feature: now it support switching layers on/off. Demo:

http://unmanagedvisio.com/layers-support-in-html-publishing/


Yacine

  • Hero Member
  • *****
  • Posts: 2580
Re: HTML (SVG) Export
« Reply #12 on: February 10, 2017, 02:58:47 AM »
Very good idea and very useful. Thank you.
Yacine

Visio.Alex

  • Newbie
  • *
  • Posts: 2
Re: HTML (SVG) Export
« Reply #13 on: September 27, 2017, 02:53:28 PM »
Has anyone had any issue with the current beta version of this add-in (v1.2.3.0). Visio 2013 throws an error:

"The given key is not present in the dictionary."

Any help would be appreciated.

Alex

Nikolay

  • Hero Member
  • *****
  • Posts: 784
    • UnmanagedVisio
Re: HTML (SVG) Export
« Reply #14 on: September 27, 2017, 03:02:51 PM »
Hi Alex,

Could you please share the file. Looks like some upgrade issue.
Either to support@unmanagedvisio.com or nbelyh@gmail.com if you don't want to share it publicly here.

There are losts of new stuff in 1.2.3, looks like compatibility has been broken somewhere.

The release is actually "almost ready", currently I'm just testing it to make sure nothing is broken.
So it would be very helpful, will follow up as soon as possible.

Or does it happen on a blank new file as well?
« Last Edit: September 27, 2017, 03:10:04 PM by Nikolay »