《vue系列》github-markdown-css讓接收的文本帶樣式

複製代碼

當編輯器使用的是markdown時，咱們前端接收到的數據是相似這種的：

爲了是咱們的展現的數據樣式更好看些，咱們能夠引入github-markdown-css來給咱們要展現的內容添加一些樣式。話很少數，直接上操做：

1.安裝

npm install github-markdown-css 或 cnpm install github-markdown-css複製代碼

2.引入

import 'github-markdown-css';複製代碼

3.使用

注意容器div要添加markdown-body類名

<div class="markdown-body" v-html="topic_data.content"></div>複製代碼