admin管理员组

文章数量:1530085

在项目中需求要展示xml文件，为了能够方便阅读，所以需要对xml文件的内容格式化和高亮显示。

示例

一、xml格式化--vkbeautify

二、xml高亮显示--highlight.js

三、xml解析--x2js 

示例

示例：点击按钮，打开弹窗，请求xml内容并展示在弹窗中。(vue2项目示例)

//html:
<el-dialog title="xml详情" :visible.sync="XMLVisible"  width="50%">
    <div style="height:600px;overflow: auto;">
        <pre v-highlight>
            <code>{
  {xmlList}}</code>
        </pre>
    </div>
</el-dialog>

//js
showXML(id){
   if(!this.isAudit){
      return false;
   }
   this.loading = true;
   let url ='license/' + id +'.xml';
   this.$axios.get('/XMl/'+ url).then(res=>{
        if(res){
          this.xmlList = this.vkbeautify.xml(res.data);
          this.loading = false;
          this.XMLVisible = true;
        }else{

本文标签： 文件内容vueXML高亮

版权声明：本文标题：vue中xml文件的内容格式化和高亮显示 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dongtai/1726470566a1072050.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。