#
Highlight web pages
Web Clipper lets you highlight text on web pages, and select the elements you want to save to Obsidian. Your highlights are saved, so you can revisit them when you return to a page.
Highlights can be captured and saved to Obsidian when you open the extension.
#
Turn on highlighter
You can turn on highlighting in several ways, depending on your browser:
- The highlighter icon in the extension panel.
- Hotkeys, to activate the extension from your keyboard.
- Context menu, by right-clicking the web page you are visiting.
Once highlighting is on, you can select text, images, and elements you want to highlight.
#
Highlighter settings
You can change the highlighter behavior by going to Web Clipper settings. Here you can also export your highlights to a .json file.
There are three options for highlights to be inserted into your clipped note via the {{content}} variable:
- Highlight the page content — adds highlights directly to the text with the syntax
==highlight==. - Replace the page content — returns a list of highlights, without any of the page content.
- Do nothing — returns the original content without highlights.
You can add highlights directly to your template using the {{highlights}} variable, for example:
{{highlights|map: item => item.text|join:"\n\n"}}
See also
Once you install the Web Clipper browser extension, you can access it in several ways, depending on your browser:
Obsidian Web Clipper is a free browser extension that lets you highlight pages and save web content to your vault.
If you encounter issues with Web Clipper you can get help via the official Discord channel. You can also report bugs on the GitHub repo.
Web Clipper templates can use variables to automatically pre-populate data from the page in a template. Variables can be used in the note name, note