From 9817b1b19f6ea63827d13efa7cc3cb44ca0e2525 Mon Sep 17 00:00:00 2001
From: aote777 <1540464777@qq.com>
Date: Tue, 23 Nov 2021 16:28:27 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9?=
 =?UTF-8?q?=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9?=
 =?UTF-8?q?=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9=E8=B8=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 demo.html | 49 +++++++++++++++++++++++++------------------------
 1 file changed, 25 insertions(+), 24 deletions(-)
diff --git a/demo.html b/demo.html
index 7752b60..338d22e 100644
--- a/demo.html
+++ b/demo.html
@@ -7,7 +7,7 @@
     <title>anki-md模板测试</title>
   </head>
   <body>
-<textarea class="md-content">
+    <textarea class="md-content">
 
 * 哈哈
 
@@ -18,20 +18,15 @@
 [xx](http://baidu.com)
 
 </textarea>
+
 <textarea class="md-content">
-```
-var createScript = (src) => {
-  var scriptElement = document.createElement('script')
-  scriptElement.src = src
-  scriptElement.type = 'text/javascript'
-  document.head.appendChild(scriptElement)
-  return new Promise((resolve) => {
-    scriptElement.onload = function () {
-      resolve(src)
-    }
-  })
-}
-```
+* 序列
+
+- zhe这都出来了
+
+* 试试
+
+> 引入的话话里有话
 </textarea>
     <script>
       'use strict'
@@ -49,6 +44,8 @@ var createScript = (src) => {
       var highLightCss =
         // 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/default.min.css'
         'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.3.1/styles/base16/onedark.min.css'
+      
+      // 加载库文件
       var createScript = (src) => {
         var scriptElement = document.createElement('script')
         scriptElement.src = src
@@ -61,6 +58,7 @@ var createScript = (src) => {
         })
       }
 
+      // 加载css文件
       var createLink = (url) => {
         var linkElement = document.createElement('link')
         linkElement.rel = 'stylesheet'
@@ -71,6 +69,7 @@ var createScript = (src) => {
         document.head.appendChild(linkElement)
       }
 
+      // 解析（入口方法）
       var parseMarkDown = () => {
         var convert = new showdown.Converter({
           // 启用对md中对图像尺寸的支持
@@ -94,7 +93,7 @@ var createScript = (src) => {
           disableforced4spacesindentedsublist: true,
           ghCodeBlocks: true,
         })
-        convert.setFlavor('github')
+        // convert.setFlavor('github')
         document.querySelectorAll('.md-content').forEach((textarea, index) => {
           console.log('查找到的textarea元素', textarea)
           var text = textarea.value
@@ -102,11 +101,13 @@ var createScript = (src) => {
           console.log('当前的配置项', thisConverterSpecificOptions)
           var html = convert.makeHtml(text)
           var newDiv = document.createElement('div')
-          newDiv.innerHTML = html
-          // textarea.parentNode.insertBefore(newDiv, textarea.nextSibling)
-          document.body.appendChild(newDiv)
           var hr = document.createElement('hr')
-          index === 0 ? document.body.appendChild(hr) : null
+          newDiv.innerHTML = html
+          textarea.parentNode.insertBefore(newDiv, textarea.nextSibling)
+
+          index === 1
+            ? textarea.parentNode.insertBefore(hr, textarea.nextSibling)
+            : null
           textarea.className = `x-${index}`
           textarea.style.display = 'none'
           // 不能从body直接插入元素 anki 不刷新的 淦
@@ -127,15 +128,15 @@ var createScript = (src) => {
         })
         .then(() => {
           hljs.highlightAll()
-          return new Promise((resolve)=>{
+          return new Promise((resolve) => {
             resolve()
           })
         })
-        .then(()=>{
+        .then(() => {
           // 清除重复项
-          var repeatEl =document.querySelectorAll('.x-0')
-          repeatEl.forEach((el,i)=>{
-            if(i===repeatEl.length-1){
+          var repeatEl = document.querySelectorAll('.x-0')
+          repeatEl.forEach((el, i) => {
+            if (i === repeatEl.length - 1) {
               return
             }
             document.body.removeChild(el)
