如何将Vue项目页面嵌入代码块vue-prism-editor改写为长尾？

本文共计754个文字，预计阅读时间需要4分钟。

需求：

1.可输入代码，并高亮代码语法。

2.支持编辑和不可编辑模式。

3.将提交到后端的代码内容作为字符串格式化输出。

实现：

使用vue-prism-editor插件，可以满足以上需求。

使用：

1.安装vue-pris：

bashnpm install vue-prism-editor

2.在组件中使用：

vue

需求：

1. 可输入代码，并且代码语法高亮
2. 支持编辑和不可编辑模式
3. 提交到后端到代码内容为字符串格式

实现

在gitbug上找到vue-prism-editor，可以满足以上需求。