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

愣錘發表於2018-03-30

複製程式碼

當編輯器使用的是markdown時,我們前端接收到的資料是類似這種的:

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

為了是我們的展示的資料樣式更好看些,我們可以引入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>複製程式碼


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

相關文章