Marked: Bullets before checkbox

[tracyboehrer]

Given:

- [ ] Item 1
- [ ] Item 2

The checkboxes are rendered with both a bullet and the checkbox

[UziTech]

marked just outputs the html. css styling is the responsibility of the user.

[Ionaru]

I could not find a way to do this with CSS.

[UziTech]

@Ionaru you can add a class to a task list item with a renderer:

marked.use({
  renderer: {
    listitem(text, task) {
      if (task) {
        return '<li class="task-list-item">' + text + '</li>\n';
      }
      // use original renderer
      return false;
    }
  }
});

for more info about the renderer see the docs

[UziTech]

Looks like you fixed it! 🍻
https://github.com/Ionaru/easy-markdown-editor/commit/890c72589e7f7deab2c3c3f165619814dd4959e6