Tools
/
anki-md-template
mirror of https://github.com/aote777/anki-md-template.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

cccccccccccc

This commit is contained in:
aote777 2021-11-23 17:15:39 +08:00
parent d95ff968f3
commit df51e97069
1 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
demo.html
View File

@ -8,7 +8,6 @@
</head> </head>
<body> <body>
<textarea class="md-content"> <textarea class="md-content">
* 哈哈 * 哈哈
- [x] ?? - [x] ??
@ -17,6 +16,16 @@
[xx](http://baidu.com) [xx](http://baidu.com)
```
function consoleLog(str) {
var div = document.createElement('div')
div.innerHTML = str
document.body.appendChild(div)
()=>{
console.log('//????///????')
}
}
```
</textarea </textarea
> >
@ -75,6 +84,12 @@
document.head.appendChild(linkElement) document.head.appendChild(linkElement)
} }
// 清除br标签
// anki自动生成的全部干掉 严格按照原生来写
var clearBR=(str)=>{
return str.replace(/<br>/g,"\r\n")
}
// 解析（入口方法） // 解析（入口方法）
var parseMarkDown = () => { var parseMarkDown = () => {
var convert = new showdown.Converter({ var convert = new showdown.Converter({
@ -92,12 +107,12 @@
// 尝试巧妙地修复与缩进代码中间与 es6 模板字符串相关的缩进问题 // 尝试巧妙地修复与缩进代码中间与 es6 模板字符串相关的缩进问题
// smartIndentationFix: true, // smartIndentationFix: true,
// 将换行符解析为 <br>，行尾不需要2个空格 // 将换行符解析为 <br>，行尾不需要2个空格
simpleLineBreaks: false, // simpleLineBreaks: false,
// 反斜杠转义html // 反斜杠转义html
backslashEscapesHTMLTags: true, // backslashEscapesHTMLTags: true,
// 禁用将子列表缩进4个空格以使其嵌套的要求，有效地恢复到2或3个空格足够的旧行为 // 禁用将子列表缩进4个空格以使其嵌套的要求，有效地恢复到2或3个空格足够的旧行为
disableforced4spacesindentedsublist: true, // disableforced4spacesindentedsublist: true,
ghCodeBlocks: true, // ghCodeBlocks: true,
}) })
// convert.setFlavor('github') // convert.setFlavor('github')
document.querySelectorAll('.md-content').forEach((textarea, index) => { document.querySelectorAll('.md-content').forEach((textarea, index) => {
@ -105,6 +120,9 @@
var text = textarea.value var text = textarea.value
var thisConverterSpecificOptions = convert.getOptions() var thisConverterSpecificOptions = convert.getOptions()
console.log('当前的配置项', thisConverterSpecificOptions) console.log('当前的配置项', thisConverterSpecificOptions)
// 清除br标签试试
text=clearBR(text)
// 👇关键核心md转换
var html = convert.makeHtml(text) var html = convert.makeHtml(text)
var newDiv = document.createElement('div') var newDiv = document.createElement('div')
var hr = document.createElement('hr') var hr = document.createElement('hr')
@ -127,6 +145,9 @@
.then(() => { .then(() => {
// anki模板无法使用window.onload我怀疑是被占用了 // anki模板无法使用window.onload我怀疑是被占用了
// window.onload = parseMarkDown // window.onload = parseMarkDown
// 可以尝试手动清除anki生成的<br>
parseMarkDown() parseMarkDown()
return new Promise((resolve) => { return new Promise((resolve) => {
resolve() resolve()