Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Revert "Removed p wrapper for koenig-lexical-input (#16754)"

Browse source 
This reverts commit 9051ea62aa.
This commit is contained in:
Elena Baidakova 2023-05-08 12:15:37 +04:00
parent 07e979698d
commit 9df8e89806
1 changed files with 2 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
ghost/admin/app/components/koenig-lexical-editor-input.js
View file

@ -1,7 +1,6 @@
import * as Sentry from '@sentry/ember';
import Component from '@glimmer/component';
import React, {Suspense} from 'react';
import cleanBasicHtml from '@tryghost/kg-clean-basic-html';
import {action} from '@ember/object';
import {inject} from 'ghost-admin/decorators/inject';
import {inject as service} from '@ember/service';
@ -118,16 +117,7 @@ export default class KoenigLexicalEditorInput extends Component {
// don't rethrow, Lexical will attempt to gracefully recover
}
ReactComponent = (props = {}) => {
// remove `p` wrapper
const cleanHtml = (html) => {
const cleanedHtml = cleanBasicHtml(html || '', {firstChildInnerContent: true});
props.onChangeHtml?.(cleanedHtml);
};
// wrap in a paragraph, so it gets parsed correctly
const initialHtml = props.html ? `<p>${props.html}</p>` : null;
ReactComponent = (props) => {
return (
<div className={['koenig-react-editor', this.args.className].filter(Boolean).join(' ')}>
<ErrorHandler>
@ -146,7 +136,7 @@ export default class KoenigLexicalEditorInput extends Component {
placeholderText={props.placeholderText}
placeholderClassName="koenig-lexical-editor-input-placeholder"
>
<HtmlOutputPlugin html={initialHtml} setHtml={cleanHtml} />
<HtmlOutputPlugin html={props.html} setHtml={props.onChangeHtml} />
</KoenigComposableEditor>
</KoenigComposer>
</Suspense>