Tipex stands as an advanced rich text editor tailored for Svelte, meticulously engineered with the robust frameworks Tiptap and Prosemirror. It empowers developers to effortlessly craft rich text editors, liberating them from the intricacies of underlying technologies, style management, and related complexities.
Svelte5 and runes mode activated! ✨🔮
Install the package from NPM.
npm install "@friendofsvelte/tipex";
Import the component and use it in your component.
<script lang="ts">
import {Tipex} from "@friendofsvelte/tipex";
export let htmlContent = `<p>This <a target="_blank" rel="noopener noreferrer" href="">content</a> is written by <a target="_blank" rel="noopener noreferrer" href="http://bishwas.net/">Bishwas</a> in 2023.</p>`;
</script>
<Tipex {htmlContent}
displayDefaultControls
floatingMenu
style="margin-top: 1rem; margin-bottom: 0;"
className="h-[70vh] border border-neutral-200"/>
The documentation is available at tipex.pages.dev.
Friend Of Svelte is a community driven project to help Svelte developers to find and develop awesome Svelte resources.
If you like this project, you can be one of the friend by contributing to the project. Memberships are open for everyone.