Skip to content
KeystoneJS LogoKeystoneJS
👋🏻 We're working on the next generation of KeystoneJS! If you're using the @keystone-next packages, click here to learn more

Wysiwyg

This is the last active development release of this package as Keystone 5 is now in a 6 to 12 month active maintenance phase. For more information please read our Keystone 5 and beyond post.

This field inserts a string path into your schema based on the Text field type implementation, and renders a WYSIWYG editor in the Admin UI using TinyMCE

Usage

This package isn't included with the keystone fields package and needs to be installed with yarn add @keystonejs/fields-wysiwyg-tinymce or npm install @keystonejs/fields-wysiwyg-tinymce

Then import it, and use it like any other field:

JS
const { Wysiwyg } = require('@keystonejs/fields-wysiwyg-tinymce');

Config

editorConfig

Default: {}

Accepts any TinyMCE config options. These will be passed to tinymce.init and can be used to override Keystone.js' default editor appearance and functionality.

On this page

  • Usage
  • Config
  • editorConfig
Edit on GitHub