« get me outta code hell

content, css, replacer: <img align="center"> in content - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
path: root/src
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-03-08 19:33:18 -0400
committer(quasar) nebula <qznebula@protonmail.com>2024-03-08 19:33:18 -0400
commit1cf0979a831cdc7200e38de7b87f18149d6f51bb (patch)
tree88484d8f991a368309ce4945f9c13dd5c95f8e90 /src
parentdca169fbf6c6bf09f3ad4e5bf3b153b7bd83f1f9 (diff)
content, css, replacer: <img align="center"> in content
Diffstat (limited to 'src')
-rw-r--r--src/content/dependencies/transformContent.js4
-rw-r--r--src/static/site6.css6
-rw-r--r--src/util/replacer.js1
3 files changed, 11 insertions, 0 deletions
diff --git a/src/content/dependencies/transformContent.js b/src/content/dependencies/transformContent.js
index 69030224..faae35aa 100644
--- a/src/content/dependencies/transformContent.js
+++ b/src/content/dependencies/transformContent.js
@@ -232,6 +232,7 @@ export default {
               warnings,
               width,
               height,
+              align,
               pixelate,
             } = node;
 
@@ -258,6 +259,9 @@ export default {
               inline: false,
               data:
                 html.tag('div', {class: 'content-image-container'},
+                  align === 'center' &&
+                    {class: 'align-center'},
+
                   image.slots({
                     src,
 
diff --git a/src/static/site6.css b/src/static/site6.css
index 686b3c40..e718791b 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -778,6 +778,12 @@ ul.image-details li {
   margin-bottom: 1em;
 }
 
+.content-image-container.align-center {
+  text-align: center;
+  margin-top: 1.5em;
+  margin-bottom: 1.5em;
+}
+
 .content-image {
   display: inline-block !important;
 }
diff --git a/src/util/replacer.js b/src/util/replacer.js
index f692b068..9779f84e 100644
--- a/src/util/replacer.js
+++ b/src/util/replacer.js
@@ -510,6 +510,7 @@ export function postprocessImages(inputNodes) {
         if (attributes.get('style')) imageNode.style = attributes.get('style');
         if (attributes.get('width')) imageNode.width = parseInt(attributes.get('width'));
         if (attributes.get('height')) imageNode.height = parseInt(attributes.get('height'));
+        if (attributes.get('align')) imageNode.align = attributes.get('align');
         if (attributes.get('pixelate')) imageNode.pixelate = true;
 
         if (attributes.get('warning')) {