diff --git a/packages/editor/src/components/rich-text/index.js b/packages/editor/src/components/rich-text/index.js index 688a5287052b68..57cea883c75c90 100644 --- a/packages/editor/src/components/rich-text/index.js +++ b/packages/editor/src/components/rich-text/index.js @@ -109,6 +109,7 @@ export class RichText extends Component { this.valueToFormat = this.valueToFormat.bind( this ); this.setRef = this.setRef.bind( this ); this.isActive = this.isActive.bind( this ); + this.valueToEditableHTML = this.valueToEditableHTML.bind( this ); this.formatToValue = memize( this.formatToValue.bind( this ), { size: 1 } ); @@ -874,7 +875,8 @@ export class RichText extends Component { tagName={ Tagname } onSetup={ this.onSetup } style={ style } - defaultValue={ this.valueToEditableHTML( record ) } + record={ record } + valueToEditableHTML={ this.valueToEditableHTML } isPlaceholderVisible={ isPlaceholderVisible } aria-label={ placeholder } aria-autocomplete="list" diff --git a/packages/editor/src/components/rich-text/tinymce.js b/packages/editor/src/components/rich-text/tinymce.js index 7e67e108f85e61..3a825fb995afad 100644 --- a/packages/editor/src/components/rich-text/tinymce.js +++ b/packages/editor/src/components/rich-text/tinymce.js @@ -342,7 +342,8 @@ export default class TinyMCE extends Component { const { tagName = 'div', style, - defaultValue, + record, + valueToEditableHTML, className, isPlaceholderVisible, onPaste, @@ -372,7 +373,7 @@ export default class TinyMCE extends Component { ref: this.bindEditorNode, style, suppressContentEditableWarning: true, - dangerouslySetInnerHTML: { __html: defaultValue }, + dangerouslySetInnerHTML: { __html: valueToEditableHTML( record ) }, onPaste, onInput, onFocus: this.onFocus,