Updated HTML export

Author: Balearica

js/export/writeHtml.js

@@ -90,6 +90,7 @@ export function writeHtml({
       const topHTML = Math.round((activeLine.y1 - activeLine.maxFontBoundingBoxAscentLine) * 1000) / 1000;
       bodyStr += `    <div class="scribe-line" style="left:${activeLine.left}px;top:${topHTML}px;">\n`;
       bodyStr += activeLine.bodyWordsStr;
+      bodyStr += '       <br>\n';
       bodyStr += '    </div>\n';
     }
     activeLine.bodyWordsStr = '';
@@ -128,7 +129,7 @@ export function writeHtml({
 
     const imageObj = images ? images[g] : null;
     if (imageObj) {
-      bodyStr += `  <img src="${imageObj.src}">\n`;
+      bodyStr += `  <img class="scribe-image" src="${imageObj.src}">\n`;
     }
 
     if (removeMargins) {
@@ -339,6 +340,12 @@ export function writeHtml({
   styleStr += '    white-space:nowrap;\n';
   styleStr += '  }\n';
 
+  styleStr += '  .scribe-image {\n';
+  styleStr += '    position:absolute;\n';
+  styleStr += '    user-select:none;\n';
+  styleStr += '    pointer-events:none;\n';
+  styleStr += '  }\n';
+
   for (const fontI of fontsUsed) {
     const cdnPath = 'https://cdn.jsdelivr.net/npm/[email protected]/fonts/all/';
     let styleTitleCase = fontI.style.charAt(0).toUpperCase() + fontI.style.slice(1).toLowerCase();