gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

display images inserted through rte

Browse Source
This commit is contained in:
Shawn Erquhart
2017-07-27 13:11:54 -04:00
parent 336cab2592
commit 1f961d36cf
3 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Widgets/Markdown/MarkdownPreview/index.js
View File

@ -6,7 +6,7 @@ const MarkdownPreview = ({ value, getAsset }) => {
if (value === null) {
return null;
}
const html = remarkToHtml(value);
const html = remarkToHtml(value, getAsset);
return <div style={previewStyle} dangerouslySetInnerHTML={{__html: html}}></div>;
};

8
src/components/Widgets/Markdown/unified.js
View File

@ -215,7 +215,7 @@ const remarkShortcodes = ({ plugins }) => {
}
};
const remarkToRehypeShortcodes = ({ plugins }) => {
const remarkToRehypeShortcodes = ({ plugins, getAsset }) => {
return transform;
function transform(node) {
@ -225,7 +225,7 @@ const remarkToRehypeShortcodes = ({ plugins }) => {
}
const { shortcode, shortcodeData } = node.data;
const plugin = plugins.get(shortcode);
const value = plugin.toPreview(shortcodeData);
const value = plugin.toPreview(shortcodeData, getAsset);
const valueHtml = typeof value === 'string' ? value : renderToString(value);
return { ...node, value: valueHtml };
}
@ -585,9 +585,9 @@ export const slateToRemark = raw => {
return result;
};
export const remarkToHtml = mdast => {
export const remarkToHtml = (mdast, getAsset) => {
const result = unified()
.use(remarkToRehypeShortcodes, { plugins: registry.getEditorComponents() })
.use(remarkToRehypeShortcodes, { plugins: registry.getEditorComponents(), getAsset })
.use(remarkToRehype, { allowDangerousHTML: true })
.runSync(mdast);