踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩踩

2021-11-23 16:28:27 +08:00 · 2021-11-23 16:28:27 +08:00 · 9817b1b19f
parent 12f6c04509
commit 9817b1b19f
1 changed files with 25 additions and 24 deletions
--- 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)