WYSIWYG

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:

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.

Credit

The Editor implementation was inspired by the tinymce-react Official TinyMCE React component, Copyright 2017-present Ephox, Inc.