question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Any way to support a checkbox style list?

See original GitHub issue

Hello, I’ve just started integrating your lib into my app and so far it has been the best option for a rich content editor in RN I have found, great job!

I’m wondering if there’s a way we can insert a “checkbox” style list, eg:

  • another thing
  • one more
  • some item

I’ve tried adding my own button with a handler like: this.editor.insertHTML('<input type="checkbox" />') and it inserts it, but always at the current cursor position (makes sense) and it also leaves the cursor in a weird offset location after insertion.

Then I tried: this.editor.insertHTML('<ul class="checkboxes"><li></li></ul>') in hopes that i could just style that UL differently (which I think might work) but the problem with that approach is that it ends up highlighting the default “insertBulletList” editor button instead of my custom button.

Both my approaches seem hacky, so I was wondering if anyone had a more legitimate solution for something like this?

Thanks!

Issue Analytics

  • State:open
  • Created 3 years ago
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
SnidelyWhiplashcommented, Feb 25, 2021

Hey @stulip, hope you’re doing well! I just wanted to see if you saw my comment above, we’re really hoping to incorporate checklists into our project and it’s so close to perfect!

As mentioned above, we’re happy to help finance this feature as much as we can (we’re a startup of just three friends working from home, so we don’t have a ton but we want to help).

If you’re curious, we’re currently using this library in production (without checklists atm) here --> https://wribbn.com It’s available in the “Notes” section once you save an item to a list.

0reactions
stulipcommented, May 28, 2021

I’m very sorry, but I’m looking for some time recently to study and study.

Read more comments on GitHub >

github_iconTop Results From Across the Web

css - What is the best way to style a list of checkboxes
1. A table is perfectly OK for layiing out tabular elements like this. · 10. Tables are for tabular data. · 2 ·...
Read more >
Pure CSS Custom Checkbox Style | Modern CSS Solutions
We'll create custom, cross-browser, theme-able, scalable checkboxes in pure CSS. We'll use `currentColor`, the `em` unit, SVG, and CSS grid ...
Read more >
The "Checkbox Hack" (and things you can do with it)
I made a lion css ui kit recently and used the checked state for the source list so radio buttons track the selected...
Read more >
Listbox with checkboxes - Orange digital accessibility guidelines
Mouse support: you can select an item by clicking on the text. You can check or uncheck an option by clicking the checkboxes....
Read more >
<input type="checkbox"> - HTML: HyperText Markup Language
This can be seen in the below example (thanks to CSS Tricks for the inspiration). In this example we keep track of the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found