Pick your framework
Each package re-exports the whole core API and ships the stylesheets. Install one and you are done.
React
RichTextEditoranduseEditor()for React 18+, Remix, Gatsby and Vite.@open-wysiwyg-editor/reactNext.js
The React package with a"use client"banner. Use it straight from Server Components and wire it to Server Actions withname.@open-wysiwyg-editor/nextPreact
The same API as the React package, onpreact/hooks. Useclassinstead ofclassName.@open-wysiwyg-editor/preactVue
Av-modelcomponent for Vue 3.3+. Safe for server-side rendering.@open-wysiwyg-editor/vueNuxt
A Nuxt module. It auto-imports<RichTextEditor>and adds the stylesheet. The component itself comes from the Vue package.@open-wysiwyg-editor/nuxtAngular
A standalone component withngModeland reactive forms support. It starts in the browser only and runs outside the zone.@open-wysiwyg-editor/angularSvelte
Ause:richTextaction for Svelte 3, 4 and 5. Actions never run on the server, so it is safe in SvelteKit.@open-wysiwyg-editor/svelteSolid
Ause:richTextdirective for Solid 1.6+ and SolidStart. The object you pass is read reactively.@open-wysiwyg-editor/solidAstro
An.astrocomponent that renders<owe-editor>. It works with plain form posts and needs no UI framework.@open-wysiwyg-editor/astroWeb component
<owe-editor>is the full editor as an HTML tag. It is a form-associated custom element in the light DOM, so there is no Shadow DOM and it is CSP-safe.open-wysiwyg-editorVanilla JS
The core is one function,createEditor(options). Use it with any bundler, or from a CDN with one script tag.open-wysiwyg-editorLit, Alpine, htmx…
Anything that can print HTML can use the<owe-editor>tag: Lit, Alpine.js, htmx, Turbo, Ember, Qwik, WordPress and PHP. It firesinputandchangeand takes part in forms.open-wysiwyg-editor