Show label for empty Markdown block

minjk-bl · minjk-bl · commit 4575960327af · 2022-04-07T14:54:28.000+09:00
diff --git a/css/boardFrame.css b/css/boardFrame.css
@@ -315,6 +315,10 @@
 .vp-block-markdown.vp-focus .vp-block-header {
     border: 2px solid var(--highlight-color);
 }
+.vp-block-markdown .vp-block-header:empty::after {
+    content: 'Double click to edit.';
+    font-style: italic;
+}
 
 /* block sortable style */
 .vp-sortable-placeholder .vp-block-header {
diff --git a/js/m_apps/Markdown.js b/js/m_apps/Markdown.js
@@ -209,6 +209,9 @@ define([
             marked(text, { renderer: renderer }, function (err, html) {
                 html = mathjaxutils.replace_math(html, math);
                 let preview = `<div>${html}</div>`;
+                if (html == '') {
+                    preview = '';
+                }
                 that.state.preview = preview;
                 document.getElementById("vp_markdownPreview").innerHTML = preview;
 
