Click in editor and preview to toggle a task list item

[K4LCIFER]

Proposal

It would be really nice to be able to just click or double click (maybe with a keyboard modifier like <ALT> for example) a task list item to have it get checked. In addition to this, in the preview pane, a single click on a task list checkbox should toggle it.
Before click or double click:

- [ ] item

After click or double click

- [X] item

References

[yzhang-gh]

Due to the limitation of VS Code APIs, it is (almost) impossible to have these features (double-click events, backward edit).

I would suggest using the keyboard shortcut alt+c to toggle checkboxes.

Also be sure to check out alt+s for strikethrough. (see Keyboard Shortcuts).

[mrienstra]

shd101wyy.markdown-preview-enhanced (Marketplace; GitHub) has this capability. It relies on @shd101wyy/mume, the relevant method is here:
https://github.com/shd101wyy/mume/blob/d1904b9/src/webview.ts#L1278-L1315

---

Here's some clues as to how VS Code handles clicks in the preview webview:

extensions/markdown-language-features/preview-src/index.ts:

• L228-L282

extensions/markdown-language-features/src/preview/preview.ts:

• L167-L200
• L351-L377

---

markdown-it-task-lists (used by this repo) has an enabled: true option, which will need to be set if a click-to-toggle feature is added.

[yzhang-gh]

Thanks for the information. We only extend the VS Code's built-in Markdown preview rather than provide a standalone one like in the Markdown Preview Enhanced extension. That's why I said there is no available API as we do not want to re-implement it.