Previewing SVG in HTML-Kit

December 17th, 2009 by HTML-Kit Support      Tags: HTML-Kit 292, HTML-Kit Tools       Views: 23824
VN:F [1.7.3_972]
Rating: 2.8/5 (4 votes cast)
 

This article describes how to preview Scalable Vector Graphics (SVG) in HTML-Kit Tools and HTML-Kit 292.

To get started with editing and previewing SVG, install the Adobe SVG Viewer. You can verify the installation by testing this page or one of these pages in Internet Explorer.

 

Previewing SVG in HTML-Kit Tools

Simply open a *.svg file in HTML-Kit Tools and click Preview as usual. When you’re editing stand-alone or external SVG files (example) make sure that the file is saved with the .svg file extension.

 

Previewing SVG in HTML-Kit 292

Getting HTML-Kit 292 ready for SVG development takes a few more steps but once configured you can preview SVG files as easily as clicking the Preview tab or pressing F12.

  1. Download hkPreviewSVG plugin and install it using "Tools | Install | Install Plugin" menu option. It’s not necessary to unzip the downloaded file. Restart HTML-Kit 292.
  2. In HTML-Kit 292, select "Edit | Preferences" from the main menu and change to the "Preview" tab.
  3. Click "Edit Preview Rules." Below the "File extension mappings" section, click "Add." Enter "svg" (without quotes) in the "File extensions" field. Click "Plugin" and pick "hkPreviewSVG." Save changes by clicking "OK" on all open dialogs.

From this point on you can preview *.svg files by opening them in HTML-Kit 292, and clicking the Preview tab or pressing F12.

 

See Also

Was this article helpful?
This did not answer my questionThis answered my question (0 rating, 8 votes)
Loading ... Loading ...
Share this on:
  • Twitter
  • Digg
  • StumbleUpon
  • Facebook
  • MySpace
  • del.icio.us
  • Sphinn
  • LinkedIn
  • Google Bookmarks
  • Live
  • Yahoo! Buzz
  • email
  • Print
 

10 Responses to “Previewing SVG in HTML-Kit”

  1. miguel says:

    poplar@lonesome.nashville” rel=”nofollow”>.…

    thank you!…

  2. Clyde says:

    pitched@nob.slimmer” rel=”nofollow”>.…

    спс за инфу….

  3. max says:

    trusted@pillspot.com” rel=”nofollow”>.…

    thanks for information….

  4. Javier says:

    lion@glossy.handspikes” rel=”nofollow”>.…

    ñïàñèáî çà èíôó!!…

  5. Gregory says:

    divisions@buggers.keel” rel=”nofollow”>.…

    tnx for info….

  6. salvador says:

    schooled@junks.reviled” rel=”nofollow”>.…

    ñïñ!!…

  7. Wade says:

    ahead@stumbled.canvases” rel=”nofollow”>.…

    tnx!!…

  8. Vincent says:

    dennis@sunday.convertible” rel=”nofollow”>.…

    tnx!…

  9. darryl says:

    disquiet@abstain.tenuous” rel=”nofollow”>.…

    ñïàñèáî çà èíôó!…

  10. Edward says:

    abuse@exist.domes” rel=”nofollow”>.…

    ñïàñèáî çà èíôó!…

Do you have a question that requires a reply? Please post it here for a timely and friendly reply.
 
If you have a comment, you can post it below. Not all comments are read, so be sure to use the support forum instead if you need an answer.
 
Leave a Comment or use the support forum if you have a question.

 

© 2009 HTML-Kit.com. All Rights Reserved.  |  Privacy Statement   
HTML design aid