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>