HTML页面嵌套vue项目,vue项目实现页面嵌入代码块vue-prism-editor的方法

vue项目实现页面嵌入代码块vue-prism-editor的方法

发布时间：2020-11-02 15:45:27

来源：亿速云

阅读：145

作者：Leah

这期内容当中小编将会给大家带来有关vue项目实现页面嵌入代码块vue-prism-editor的方法，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。

1.安装vue-prism-editor

npm install vue-prism-editor

由于vue-prism-editor需要依赖 prismjs，所以还需要安装prismjs

npm install prismjs

2.在需要使用vue-prism-editor的组件中引入

import { PrismEditor } from "vue-prism-editor";

import "vue-prism-editor/dist/prismeditor.min.css"; // import the styles somewhere

// import highlighting library (you can use any library you want just return html string)

import { highlight, languages } from "prismjs/components/prism-core";

import "prismjs/components/prism-clike";

import "prismjs/components/prism-javascript";

import "prismjs/themes