[Fix] Code HighLIght

Harry-zklcdc · Aug 6, 2021 · 6c57b12 · 6c57b12
1 parent bd4970e
commit 6c57b12
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/pages/oj/views/forum/Forum.vue b/src/pages/oj/views/forum/Forum.vue
@@ -4,7 +4,7 @@
       <!--ForumPost main-->
       <Panel :padding="40" shadow>
         <div slot="title">{{forumpost.title}}</div>
-        <div id="forumpost-content" class="markdown-body" v-katex>
+        <div id="forumpost-content" class="markdown-body" v-katex v-highlight="code">
           <p class="title">{{$t('m.Forum_Content')}}</p>
           <p class="content" v-html="forumpost.content"></p>
         </div>

diff --git a/src/pages/oj/views/problem/Problem.vue b/src/pages/oj/views/problem/Problem.vue
@@ -4,7 +4,7 @@
       <!--problem main-->
       <Panel :padding="40" shadow>
         <div slot="title">{{problem.title}}</div>
-        <div id="problem-content" class="markdown-body" v-katex>
+        <div id="problem-content" class="markdown-body" v-katex v-highlight="code">
           <p class="title">{{$t('m.Description')}}</p>
           <p class="content" v-html=problem.description></p>
           <!-- {{$t('m.music')}} -->

diff --git a/src/plugins/highlight.js b/src/plugins/highlight.js
@@ -14,7 +14,7 @@ export default {
       deep: true,
       bind: function (el, binding) {
         // on first bind, highlight all targets
-        Array.from(el.querySelectorAll('code')).forEach((target) => {
+        Array.from(el.querySelectorAll('pre code')).forEach((target) => {
           // if a value is directly assigned to the directive, use this
           // instead of the element content.
           if (binding.value) {
@@ -25,7 +25,7 @@ export default {
       },
       componentUpdated: function (el, binding) {
         // after an update, re-fill the content and then highlight
-        Array.from(el.querySelectorAll('code')).forEach((target) => {
+        Array.from(el.querySelectorAll('pre code')).forEach((target) => {
           if (binding.value) {
             target.textContent = binding.value
           }