Skip to main content

Migrating to Version 8

plugin-commons separation#

The wix-rich-content-editor-common package size has been significantly reduced -- all the plugin-related stuff now resides in a separate wix-rich-content-plugin-commons package.

The change is almost internal, except just the one drawback. It is now required to import plugin-commons styles:

either in JS:

import 'wix-rich-content-plugin-commons/dist/styles.min.css';

or in CSS:

@import '~wix-rich-content-plugin-commons/dist/styles.min.css';

Theme#

createTheme() is removed#

  • Please remove any calls for createTheme as those will no longer work
  • In addition, you can safely remove ricos-theme from your package.json as it is also no longer in use

Before#

import { createTheme } from 'ricos-theme';
//...
<RicosEditor theme={createTheme({ palette, parentClass })} />;

After#

<RicosEditor theme={{ palette, parentClass }} />

Design Updates#

(relevant to cssOverride / legacy theme prop)

If you're overriding styles, make sure your CSS files are aligned with this version's updates.

Listed below are the major style changes. If you face conflicts related to other changes that aren't listed here, you can check the the rest of the .scss differences here.

plugin-mentions#

BeforeAfter
Screen Shot 2020-10-04 at 17 35 55Screen Shot 2020-10-04 at 17 35 55

Inline Toolbar#

BeforeAfter
Screen Shot 2020-10-04 at 17 36 17 3Screen Shot 2020-10-04 at 17 36 17 2

Plugin Toolbar#

BeforeAfter
Screen Shot 2020-10-04 at 17 31 48 3Screen Shot 2020-10-04 at 17 31 48 2