vue xml数据格式化展示,展示在textarea里可编辑,和高亮处理方法

//1)npm 安装vkbeautify
npm install vkbeautify

//2)组件里,引入vkbeautify模块
import vkbeautify from 'vkbeautify'

//3)vkbeautify使用
xml_show=vkbeautify.xml(xmlSource)

格式化展示。-----——-----------

高亮处理方法 ------第二步之后可能不会成功,需要再次执行npm install --save vue-highlightjs   语句。

 npm install highlight.js

//高亮显示
import VueHighlightJS from 'vue-highlightjs'
import 'highlight.js/styles/atom-one-dark.css'

Vue.use(VueHighlightJS)

//highlight_s是css样式,xml_show是xml数据。
<pre v-highlightjs="xml_show">
<code class="highlight_s"> </code>
</pre>

原文地址:https://www.cnblogs.com/1ming/p/15343954.html