Ghost/ghost/admin/lib/koenig-editor/addon/options/parser-plugins.js
Kevin Ansfield 22d07c9692 🐛 Koenig - Fixed pasting of rich-text image captions losing formatting
refs https://github.com/TryGhost/Ghost/issues/9724
- caption payload changed from `textContent` to a cleaned `innerHTML` in our `figureToImageCard` parser plugin
2018-08-13 10:41:01 +01:00

103 lines
2.6 KiB
JavaScript

import {cleanBasicHtml} from 'koenig-editor/helpers/clean-basic-html';
// mobiledoc by default ignores <BR> tags but we have a custom SoftReturn atom
export function brToSoftBreakAtom(node, builder, {addMarkerable, nodeFinished}) {
if (node.nodeType !== 1 || node.tagName !== 'BR') {
return;
}
let softReturn = builder.createAtom('soft-return');
addMarkerable(softReturn);
nodeFinished();
}
// leading newlines in text nodes will add a space to the beginning of the text
// which doesn't render correctly if we're replacing <br> with SoftReturn atoms
// after parsing text as markdown to html
export function removeLeadingNewline(node) {
if (node.nodeType !== 3 || node.nodeName !== '#text') {
return;
}
node.nodeValue = node.nodeValue.replace(/^\n/, '');
}
export function figureToImageCard(node, builder, {addSection, nodeFinished}) {
if (node.nodeType !== 1 || node.tagName !== 'FIGURE') {
return;
}
let img = node.querySelector('img');
let figcaption = node.querySelector('figcaption');
if (!img) {
return;
}
let payload = {
src: img.src,
alt: img.alt,
title: img.title
};
if (figcaption) {
let cleanHtml = cleanBasicHtml(figcaption.innerHTML);
payload.caption = cleanHtml;
}
let cardSection = builder.createCardSection('image', payload);
addSection(cardSection);
nodeFinished();
}
export function imgToCard(node, builder, {addSection, nodeFinished}) {
if (node.nodeType !== 1 || node.tagName !== 'IMG') {
return;
}
let payload = {
src: node.src,
alt: node.alt,
title: node.title
};
let cardSection = builder.createCardSection('image', payload);
addSection(cardSection);
nodeFinished();
}
export function hrToCard(node, builder, {addSection, nodeFinished}) {
if (node.nodeType !== 1 || node.tagName !== 'HR') {
return;
}
let cardSection = builder.createCardSection('hr');
addSection(cardSection);
nodeFinished();
}
export function preCodeToCard(node, builder, {addSection, nodeFinished}) {
if (node.nodeType !== 1 || node.tagName !== 'PRE') {
return;
}
let [codeElement] = node.children;
if (codeElement && codeElement.tagName === 'CODE') {
let payload = {code: codeElement.textContent};
let cardSection = builder.createCardSection('code', payload);
addSection(cardSection);
nodeFinished();
}
}
export default [
brToSoftBreakAtom,
removeLeadingNewline,
figureToImageCard,
imgToCard,
hrToCard,
preCodeToCard
];