https://github.com/wix-incubator/rich-content/blob/c88e7ec2a95e83cb7c4a509329268d896b7a6bd7/packages/common/src/Components/LinkButton.jsx#L27

I see warning:

Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.

This is due to https://github.com/wix-incubator/rich-content/blob/master/packages/editor/src/RichContentEditor/Toolbars/SideToolbar/SideToolbar.jsx#L65

Probably need to track mounted status and check that inside the async call.

IMHO there should be no _-node_modules-...

_-node_modules-pro-gallery-renderer-dist-src-components-styles-global__pro-circle-preloader__2qPIF {
  -webkit-animation: _-node_modules-pro-gallery-renderer-dist-src-components-styles-global__semi-rotate__1B3Bd 1s linear infinite;
          animation: _-node_modules-pro-gallery-renderer-dist-src-components-styles-global__semi-rotate__1B3Bd 1s linear infinite;
  height: 30px;
  left: 50%;
  margin-left: -15px;
  margin-top: -15px;
  overflow: hidden;
  position: relative;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  width: 15px; }

See example on sep6-viewer-ssr branch
there are a text line and hashtag with decorator
the gallery below doesn't render due to a client-side exception: "Uncaught Error: Unable to find element with ID 29."

if we remove the 'onClick' on the hashtag, everything works

Plugin Development Guidelines

Theming Guidelines [done]

Accessibility Guidelines

Plugin Project Structure

Editor APIs

Toolbars

Plugin Insertion Toolbars

Plugin Functionality Toolbar

Text Toolbar Plugin Buttons

Modals [DONE]

Common Components

Component Data Validation

Styling Strategies

Editor Decorators

Viewer APIs

Type Mappers

Viewer Decorators

Plugin Build Artifacts

Using the default styles/theme, the text, + just go outside the boundaries of the parent.

https://github.com/wix-incubator/rich-content/blob/2bb36874a18f7fdfd1104f81c019976f2378b6ff/packages/plugin-gallery/src/gallery-viewer.jsx#L118

Crash: no props.settings.htmlIframeSrc
(html plugin viewer part relies on editor config)

cc @audriusk-wix (Blog Blocker)

Link Panel: when a link is set to an image, it is displayed to all other images in URL input. The component data is correct.

If class in .scss is empty (https://github.com/wix-incubator/rich-content/blob/develop/packages/common/statics/styles/tooltip.scss), after build its removed from bundled css and classnames maps. Because of that you can't customize component's classNames via themes, like https://github.com/wix-incubator/rich-content/blob/develop/packages/common/src/Components/TooltipHost.jsx.

https://github.com/wix-incubator/rich-content/blob/develop/packages/common/src/Components/TooltipHost.jsx#L9 at bundled .js styles is empty, and mergeStyles do nothings, since it operates with keys from styles, and classNames from theme not merged into result object.

Currently there is no way to add custom SVGs to the text formatting toolbars, we need to provide our own icons like:

When same theme is provided to both RCE and RCV the rendered output is different. Emitted HTML from RCV does not have required elements so CSS rules are not applied.

1. createPlugin
2. config
3. pluginSettings

We would like a button that forces text direction so user can override the automatic text direction added by DraftJS.

The feature we want to achieve is that when a user focuses on an item the toolbars are never hidden off screen.

We thought of a couple of ways to handle this:

• Scroll the screen to the toolbar when the toolbar is off screen
• Have the toolbar appear below or above depending on scroll position, though this doesn't help much on mobile with large images that fill the screen.

Main challenge is knowing when the toolbar is off screen, as RCE doesn't know the full context in which its used, like being inside a overflow: scroll etc.

If I want to pass some data to button's componentData property I should use:

• for InlineButtons: componentData
• for InlineButtons: data

Please, make it the same

https://github.com/wix-incubator/rich-content/blob/9cacea014a0b0e6fc146918c7083669c085a5e0f/packages/common/src/Base/createBaseInsertPluginButton.jsx#L117

Now i can use only what base implementation provides :(

We would like a way to customise the toolbar container, our use case is that we would like to add a "chevron" to the box.

• typeMappers
• config
• decorators

We would like to achieve something close to this:

Not sure if we can control toolbar visibility like that very easily, but being able to pass in some sort of custom dialog component would help.

Currently, if a symbol is being typed after soft new line [Shift + Enter], it appended to a previous line before the soft new line (reproduced on latest Firefox)

Please advice:

1. I need to make text toolbar visible all the time (currently it doesn’t show up)
2. I need to add extra buttons to text toolbar (font size, font family, colors, line height, …)
3. I need to create a layout plugin, which would allow to split the content into columns

seems the only way to achieve this is to contribute to main project.
i cannot make poc/tests in my own project

cause: search by url (which is not constant)

https://github.com/wix-incubator/rich-content/blob/6523d40e399db3317f9cd0d195bcf4b25f8e249f/rich-content-editor/src/RichContentEditor/I18nRichContentEditor.jsx#L4

Seems like that should instead be an absolute path. GitHub cannot resolve the tilde.

There doesn't seem to be a way to customise the placeholder used in the link popup.

• convert all arrow function properties to methods in classes
• use @autobind for the handlers passed as props

Add possibility to pass isActive property for plugin toolbar buttons of type BUTTONS.TOGGLE.