HTML Selection

Tool to examine an HTML selection.

This tool was built with the purpose of helping with the development of rich text editors that use the Selection API and Range interface. It does that by showing the content of a contenteditable (rich text editor) as a tree of nodes and highlighting the selected nodes.

Additionally it supports saving the current state of the editors in the workspace and pasting rich text content.

Once installed, execute the HTML Selection: Open panel command from the Command Pallete to open the panel.

Support

To make suggestions or report problems with the extension, create an issue at https://github.com/AndresMunozDeveloper/vsce-html-selection/issues

For other things, send an email with the subject "VSCE-HTML-SELECTION" (without double quotes) at andres.munoz.developer@gmail.com. Emails without that subject will be sent to trash.

Sponsor

I created this project because I needed a tool like this. Later I decided to publish it because I spent a considerable amount of time working on it so I wanted to have something to show for that time. Also because I thought that other people may find it useful.

So, if you found it useful and would like to see new features often, consider donating/sponsoring this project using the following payment method:

• PayPal

You can also recommend it to your coworkers and friends.

Possible new features

• Rich Text Editor custom actions: enable adding actions (buttons) with scripts to change the content of the contenteditable. This could be useful when developing a rich text editor with actions that modify the contenteditable in a specific way.