Convert selected text or image files to Unicode character art inside VSCode.
Features
Convert selected editor text to Unicode art.
Convert local image files from the command palette or Explorer context menu.
Open a built-in converter WebView with text and image modes.
Configure height, width, charset, visual font, matrix size, ratio, invert, trim, and font reduce.
Enable Box rendering with style, padding, margin, title, and shadow.
Insert output into the active editor, open a new document, or copy to clipboard.
Save generated output as .txt or .html.
Remember the most recent configuration.
Open the converter from the VSCode status bar.
Commands
Use the Command Palette:
UnicodeArtJs: Open Converter
UnicodeArtJs: Generate Unicode Art
UnicodeArtJs: Generate Unicode Art With Options
UnicodeArtJs: Convert Image File
UnicodeArtJs: Open Settings
UnicodeArtJs: Save Current Preset
Context menus:
Select text in an editor, then right-click to generate Unicode art.
Right-click a png, jpg, jpeg, webp, gif, or bmp file in Explorer to convert it.
Settings
The extension uses the unicodeArtJs setting namespace.
Common settings:
unicodeArtJs.height
unicodeArtJs.width
unicodeArtJs.charset
unicodeArtJs.customChars
unicodeArtJs.font
unicodeArtJs.matrixSize
unicodeArtJs.ratio
unicodeArtJs.invert
unicodeArtJs.fontReduce
unicodeArtJs.trimTrailingSpaces
unicodeArtJs.insertMode
Box settings:
unicodeArtJs.box.enabled
unicodeArtJs.box.style
unicodeArtJs.box.padding
unicodeArtJs.box.margin
unicodeArtJs.box.title
unicodeArtJs.box.shadow
Converter WebView
Run UnicodeArtJs: Open Converter to open the interactive panel.
The panel supports:
Text Banner mode.
Image mode.
Preview, copy, insert, save TXT, save HTML.
Save current options as the recent preset.
Basic progress and cancellation UI.
Cancellation currently prevents canceled requests from updating the preview. Core-level hard cancellation will require future AbortSignal support in unicode-art-js.
Development
npm install
npm run check
npm run package
npm run check runs:
TypeScript compilation.
Node unit tests.
WebView JavaScript syntax check.
Notes
The WebView uses local bundled assets only. It does not load CDN scripts.
Image conversion currently supports local files.
For best output display, use a strict mixed-width monospace font when viewing generated art.
