去掉文章预览语法高亮

This commit is contained in:
灌糖包子 2021-10-04 23:23:00 +08:00
parent 8dd1916a3d
commit 5b29560455
3 changed files with 2 additions and 17 deletions

View File

@ -13,7 +13,6 @@
"hyperdown": "^2.4.29",
"moment": "^2.29.1",
"pretty-bytes": "^5.6.0",
"prismjs": "^1.25.0",
"unplugin-element-plus": "^0.1.0",
"vue": "^3.2.16",
"vue-axios": "^3.3.7",
@ -22,7 +21,6 @@
"vuex": "^4.0.2"
},
"devDependencies": {
"@types/prismjs": "^1.16.6",
"@vitejs/plugin-vue": "^1.9.2",
"less": "^4.1.1",
"typescript": "^4.4.3",

View File

@ -109,8 +109,6 @@
</template>
<script lang="ts">
import hyperdown from 'hyperdown'
import prismjs from 'prismjs'
import 'prismjs/themes/prism.css'
import { ArticleModel, TreeNodeData, TreeNodeSource } from '../../model/system/article'
import { ElButton, ElForm, ElFormItem, ElInput, ElTable, ElTableColumn, ElPagination, ElSelect, ElOption, ElDatePicker, ElRow, ElCol, ElTree, ElDrawer, ElUpload, ElMessage, ElMessageBox } from 'element-plus'
import Node from 'element-plus/lib/components/tree/src/model/node'
@ -220,9 +218,8 @@ export default class Article extends BaseList<ArticlePage> {
const mdText = (await this.$http.get('/api/article/markdown', {params:{id: node.id}})).data
this.markdownPreview.show = true
const markdownHtml = new hyperdown().makeHtml(mdText)
this.markdownPreview.content = markdownHtml.replace(/(?<=<pre><code[^>]*?>)[\s\S]*?(?=<\/code><\/pre>)/gi, v => {
v = v.replace(/_&/g, ' ').replace(/&quot;/g, '"').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&')
return prismjs.highlight(v, prismjs.languages.javascript, 'javascript')
this.markdownPreview.content = markdownHtml.replace(/(?<=<pre><code[^>]*?>)[\s\S]*?(?=<\/code><\/pre>)/gi, content => {
return content.replace(/_&/g, ' ').replace(/&quot;/g, '"').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&amp;/g, '&')
})
this.markdownPreview.title = node.name
console.log(this.markdownPreview)

View File

@ -52,11 +52,6 @@
estree-walker "^2.0.1"
picomatch "^2.2.2"
"@types/prismjs@^1.16.6":
version "1.16.6"
resolved "https://registry.yarnpkg.com/@types/prismjs/-/prismjs-1.16.6.tgz#377054f72f671b36dbe78c517ce2b279d83ecc40"
integrity sha512-dTvnamRITNqNkqhlBd235kZl3KfVJQQoT5jkXeiWSBK7i4/TLKBNLV0S1wOt8gy4E2TY722KLtdmv2xc6+Wevg==
"@vitejs/plugin-vue@^1.9.2":
version "1.9.2"
resolved "https://registry.yarnpkg.com/@vitejs/plugin-vue/-/plugin-vue-1.9.2.tgz#7234efb8c3c3d60c7eac350a935074ab1820ae0e"
@ -754,11 +749,6 @@ pretty-bytes@^5.6.0:
resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-5.6.0.tgz#356256f643804773c82f64723fe78c92c62beaeb"
integrity sha512-FFw039TmrBqFK8ma/7OL3sDz/VytdtJr044/QUJtH0wK9lb9jLq9tJyIxUwtQJHwar2BqtiA4iCWSwo9JLkzFg==
prismjs@^1.25.0:
version "1.25.0"
resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.25.0.tgz#6f822df1bdad965734b310b315a23315cf999756"
integrity sha512-WCjJHl1KEWbnkQom1+SzftbtXMKQoezOCYs5rECqMN+jP+apI7ftoflyqigqzopSO3hMhTEb0mFClA8lkolgEg==
promise@^7.0.1:
version "7.3.1"
resolved "https://registry.yarnpkg.com/promise/-/promise-7.3.1.tgz#064b72602b18f90f29192b8b1bc418ffd1ebd3bf"