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

Checked whether initialHtml in lexical input has a paragraph

Browse source 
refs TryGhost/Team#3147
This commit is contained in:
Elena Baidakova 2023-05-08 11:01:53 +04:00
parent 9051ea62aa
commit dd26448dcf
1 changed files with 15 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -125,8 +125,20 @@ export default class KoenigLexicalEditorInput extends Component {
props.onChangeHtml?.(cleanedHtml); props.onChangeHtml?.(cleanedHtml);
}; };
// wrap in a paragraph, so it gets parsed correctly const hasParagraphWrapper = (html) => {
const initialHtml = props.html ? `<p>${props.html}</p>` : null; const domParser = new DOMParser();
const doc = domParser.parseFromString(html, 'text/html');
return doc.body.firstElementChild.tagName === 'P';
};
const getInitialHtml = () => {
if (!props.html) {
return null;
}
// wrap in a paragraph, so it gets parsed correctly
return hasParagraphWrapper(props.html) ? props.html : `<p>${props.html}</p>`;
};
return ( return (
<div className={['koenig-react-editor', this.args.className].filter(Boolean).join(' ')}> <div className={['koenig-react-editor', this.args.className].filter(Boolean).join(' ')}>
@ -146,7 +158,7 @@ export default class KoenigLexicalEditorInput extends Component {
placeholderText={props.placeholderText} placeholderText={props.placeholderText}
placeholderClassName="koenig-lexical-editor-input-placeholder" placeholderClassName="koenig-lexical-editor-input-placeholder"
> >
<HtmlOutputPlugin html={initialHtml} setHtml={cleanHtml} /> <HtmlOutputPlugin html={getInitialHtml()} setHtml={cleanHtml} />
</KoenigComposableEditor> </KoenigComposableEditor>
</KoenigComposer> </KoenigComposer>
</Suspense> </Suspense>