Markdown plugin improvements

2022-04-09 14:57:59 +02:00
parent 8fafd1cd4a
commit 6c943bacd0
4 changed files with 50 additions and 18 deletions
@@ -2,7 +2,40 @@ import MarkdownIt from "markdown-it";
 import { getText, hideRhs, showRhs } from "plugos-silverbullet-syscall/editor";
 import * as clientStore from "plugos-silverbullet-syscall/clientStore";
 import { parseMarkdown } from "plugos-silverbullet-syscall/markdown";
-import { addParentPointers, renderMarkdown, replaceNodesMatching } from "../lib/tree";
+import { renderMarkdown, replaceNodesMatching } from "../lib/tree";
+
+const css = `
+<style>
+body {
+  font-family: georgia,times,serif;
+  font-size: 14pt;
+  max-width: 800px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+blockquote {
+  border-left: 1px solid #333;
+  margin-left: 2px;
+  padding-left: 10px;
+}
+
+hr {
+    margin: 1em 0 1em 0;
+    text-align: center;
+    border-color: #777;
+    border-width: 0;
+    border-style: dotted;
+}
+
+hr:after {
+    content: "···";
+    letter-spacing: 1em;
+}
+
+</style>
+`;

 var taskLists = require("markdown-it-task-lists");

@@ -26,14 +59,8 @@ function encodePageUrl(name: string): string {
  return name.replaceAll(" ", "_");
 }

-export async function updateMarkdownPreview() {
-  if (!(await clientStore.get("enableMarkdownPreview"))) {
-    return;
-  }
-  let text = await getText();
+export async function cleanMarkdown(text: string) {
  let mdTree = await parseMarkdown(text);
-  // console.log("The tree", mdTree);
-  addParentPointers(mdTree);
  replaceNodesMatching(mdTree, (n) => {
    if (n.type === "WikiLink") {
      const page = n.children![1].children![0].text!;
@@ -48,7 +75,16 @@ export async function updateMarkdownPreview() {
    }
  });
  let html = md.render(renderMarkdown(mdTree));
-  await showRhs(`<html><body>${html}</body></html>`, 2);
+  return html;
+}
+
+export async function updateMarkdownPreview() {
+  if (!(await clientStore.get("enableMarkdownPreview"))) {
+    return;
+  }
+  let text = await getText();
+  let html = await cleanMarkdown(text);
+  await showRhs(`<html><head>${css}</head><body>${html}</body></html>`, 2);
 }

 async function hideMarkdownPreview() {