tailwind-editor v0.3.3
Tailwind Editor
Svelte component to generate tailwindcss html from a notion like wysiwyg editor.
This component is under development, don't use it in production yet!
Installation
$npm i tailwind-editor
Import to use in a svelte project, you need also tailwind installed (or imported) in order for this to work
<script>
import Editor from 'tailwind-editor'
let html = ''
</script>
<div class="flex">
<Editor bind:html={html} />
<div>
{html}
</div>
</div>
Add initial HTML
If you want to add custom html when you load the component you can pass an array of elements like the following
this is not recommended if the code is not previously generated by the editor
<script>
import Editor from 'tailwind-editor'
let arr_html = [
{html: 'Hello <span class="font-bold">world!</span>', klass: 'p-2 text-3xl'}
]
let html = ''
</script>
<Editor bind:html={html} {arr_html} editable />
TODO
- embed media (image, video)
- add lists
- drag and drop positions
- code highlighter with tailwindcss
Contribution
All contribution are welcome!
About
15 days ago
6 months ago
12 months ago
9 months ago
2 years ago
1 year ago
1 year ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago