Skip to content

Nuxt

A Nuxt module. It auto-imports <RichTextEditor> and adds the stylesheet. The component itself comes from the Vue package.

On this page
Package@open-wysiwyg-editor/nuxt(opens in a new tab)Requires Nuxt 3+

Install

Terminal
npm install @open-wysiwyg-editor/nuxt

Usage

export default defineNuxtConfig({
  modules: ["@open-wysiwyg-editor/nuxt"],
});

Good to know

  • No import and no <ClientOnly>: the server renders an empty container and the editor starts in the browser.
  • Set css: false to import the stylesheet yourself. Props, events and options are the Vue package's.

Always sanitize on the server

The editor sanitizes what it loads and produces, but that is not a security boundary: anyone can post any string to your API. Sanitize the HTML again with a library you trust before you store it or render it for other users.

Edit this page on GitHub