Skip to content

Using The SVG Text Editor

Ariel Montes edited this page Feb 24, 2021 · 7 revisions

Features

The SVG text editor with real-time image preview.

These are some of the features it offers:

  • Configurable image backlighting.
  • Different SVG rendering engines.
  • Change the text font and size.
  • Search and replace tools.
  • Improve text formatting.
  • Text syntax highlighting.
  • SVG parser error panel.
  • Change theme styles.

The panel theme style adapts to the style configured in Windows img 1 , 2, although it can be forced to the desired style.


img 1: SVG Text Editor Light

Image 1



img 2: SVG Text Editor Dark

Image 2


Interface structure.

  • The configuration options are in the upper right corner.
  • The tools are in the left side menu.
  • The SVG parser error panel is in the lower right corner below the image preview.

Search text.

This tool can be useful for finding specific words in large SVG files and its power becomes even greater when combined with the replace tool.

Its search filters include options like case sensitivity, whole words only, and so on. img 3


img 3: Search Text

Image 3


SVG parser error panel.

It helps by warning of the different types of errors when the SVG syntax is not correct.

Shortcuts actions

Shortcut Description
Ctrl+X Cut
Ctrl+C Copy
Ctrl+V Paste
Ctrl+Z Undo
Ctrl+A Select All
Ctrl+F Search
F3 Search Again
Ctrl+R Replace
Ctrl+T Reformat Text
Ctrl+Scroll-Up Enlarge Font
Ctrl+Scroll-Down Reduce Font
Ctrl+E Export as PNG
Ctrl+S Save Document
Ctrl+F4 Close Document
Ctrl+Q Quit