@tryghost/kg-mobiledoc-html-renderer 5.2.0 → 5.3.0

package/lib/mobiledoc-html-renderer.js

@@ -98,12 +98,25 @@ class MobiledocHtmlRenderer {
 
     render(mobiledoc, _cardOptions = {}) {
         const ghostVersion = mobiledoc.ghostVersion || '4.0';
+
         const defaultCardOptions = {
             ghostVersion,
             target: 'html'
         };
         const cardOptions = Object.assign({}, defaultCardOptions, _cardOptions);
-        const rendererOptions = Object.assign({}, this.options, {cardOptions});
+
+        const sectionElementRenderer = {
+            ASIDE: function (tagName, dom) {
+                // we use ASIDE sections in Koenig as a workaround for applying
+                // a different blockquote style because mobiledoc doesn't support
+                // storing arbitrary attributes with sections
+                const blockquote = dom.createElement('blockquote');
+                blockquote.setAttribute('class', 'kg-blockquote-alt kg-width-wide');
+                return blockquote;
+            }
+        };
+
+        const rendererOptions = Object.assign({}, this.options, {cardOptions, sectionElementRenderer});
         const renderer = new Renderer(rendererOptions);
         const rendered = renderer.render(mobiledoc);
         const serializer = new SimpleDom.HTMLSerializer(SimpleDom.voidMap);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tryghost/kg-mobiledoc-html-renderer",
-  "version": "5.2.0",
+  "version": "5.3.0",
   "repository": "https://github.com/TryGhost/Koenig/tree/master/packages/kg-mobiledoc-html-renderer",
   "author": "Ghost Foundation",
   "license": "MIT",
@@ -29,5 +29,5 @@
   "devDependencies": {
     "c8": "7.10.0"
   },
-  "gitHead": "5fbc876127879babe588a577bc810038c98df5ef"
+  "gitHead": "050de1323b4051a0424a69b6aba0c790f6e38aeb"
 }