mirror of
https://github.com/TryGhost/Ghost.git
synced 2025-02-03 23:00:14 -05:00
4f9e687f62
no issue We're creating tooling to convert HTML to Ghost flavoured mobiledoc, however we have cards that allow arbitrary content without a wrapper element which means that we're unable to do a 1:1 mapping of mobiledoc->html->mobiledoc. To work around this problem we now output HTML comments before/after the output of each card so that our converter can extract card content correctly when parsing HTML. - added `createCard` method which wraps a card's `render()` method to add begin/end comments and updated all cards to use it - only takes affect for newly added or re-saved posts/pages
28 lines
807 B
JavaScript
28 lines
807 B
JavaScript
const createCard = require('../create-card');
|
|
|
|
module.exports = createCard({
|
|
name: 'embed',
|
|
type: 'dom',
|
|
render(opts) {
|
|
if (!opts.payload.html) {
|
|
return '';
|
|
}
|
|
|
|
let {payload, env: {dom}} = opts;
|
|
|
|
let figure = dom.createElement('figure');
|
|
figure.setAttribute('class', 'kg-card kg-embed-card');
|
|
|
|
let html = dom.createRawHTMLSection(payload.html);
|
|
figure.appendChild(html);
|
|
|
|
if (payload.caption) {
|
|
let figcaption = dom.createElement('figcaption');
|
|
figcaption.appendChild(dom.createRawHTMLSection(payload.caption));
|
|
figure.appendChild(figcaption);
|
|
figure.setAttribute('class', `${figure.getAttribute('class')} kg-card-hascaption`);
|
|
}
|
|
|
|
return figure;
|
|
}
|
|
});
|