測試 Prismatic 程式碼高亮外掛的效果,
(用編輯器的預覽看不到實際效果XDDD只會看到code被上底色)
真的很棒很漂亮!!
基本上就是在程式碼的前後就這段Html包上,
ex.
<pre class="line-numbers"><code class="language-javascript"> code1
code2
</code></pre>
稍微要留意的是,code1的部分就是第一行了,
所以如果原始碼有習慣性從code2的地方開始,
呈現時會多空1行。
export default {
props: {
value: {}
},
data () {
return {
select: ''
}
},
computed: {
checkselect () {
this.select = this.value[0]
}
},
methods: {
callparent () {
this.$emit('input', [this.select, this.value[1]])
}
}
}
不過不知道是不是算bug,一旦從原始碼模式又切回去文字模式,
就會造成跑版。
所以建議整篇文章都確定編輯完成之後再來加。
或者就是需要修正的地方就直接在原始碼模式下修正。