: Are there text-based SVG editors? There are several good SVG editors around, but I couldn't find one where I can edit the markup itself, and instantly see the changes in the image. If a program

@Caterina889

Any plain text editor can edit an svg file.

It's merely XML text.

Just like any plain text editor can edit HTML.

Drag the .svg file to a browser window... open the .svg file in a text edit. Make changes in the text file and save.. refresh the browser window.. BAM.

Heck.. use NotePad if you are on a 'Doze system.. or TextWrangler on a Mac... I use BBEdit.

Vote Up Vote Down

@Hamaas979

Beware, This answer is deceptively simple,

Adobe Dreamweaver with its live view will edit the XML in realtime.

Tada.

I don't recommend pirating in any shape or form as I pay for the suite, but it's pretty easy to get free all the same.

EDIT,

you could use notepad++ to edit and open the svg in your Web browser. when finishing an edit, save the file and refresh the page in your browser

Vote Up Vote Down

@Bryan765

The best option that I did find is Atom text editor with the SVG preview package... It works great for me with a good text editor and instant preview... here is the link:
atom.io/packages/svg-preview

Vote Up Vote Down

@Berryessa866

Inkscape is an open source vector editing program specifically built around SVG. It includes an XML editor which allows you to view and edit the live SVG code of your image.

Open the XML Editor by going to Edit → XML Editor....




Inkscape: Guide to a Vector Drawing Program — XML Editor

Vote Up Vote Down