VUE中将HTML格式转换为纯文本

js中代码:

methods:{
    ToText(HTML)
    {
      var input = HTML;
      return input.replace(/<(style|script|iframe)[^>]*?>[\s\S]+?<\/\1\s*>/gi,'').replace(/<[^>]+?>/g,'').replace(/\s+/g,' ').replace(/ /g,' ').replace(/>/g,' ');  
    }
  }

html代码:

<div>{{ToText(item.input)}}</div>
  • 4
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
要在Vue2中将HTML表格转换为Markdown格式,并自定义字体颜色的转换规则,可以使用以下步骤: 1. 首先将HTML表格转换为文本格式。可以使用Vue2中的DOM操作方法,如getElementById(),querySelectorAll()等,获取HTML表格元素和其子元素,并将其转换为文本格式。 ```javascript const table = document.getElementById('my-table') const rows = table.querySelectorAll('tr') let tableData = [] for (let i = 0; i < rows.length; i++) { let cols = rows[i].querySelectorAll('td') let rowData = [] for (let j = 0; j < cols.length; j++) { rowData.push(cols[j].textContent.trim()) } tableData.push(rowData) } let text = '' for (let i = 0; i < tableData.length; i++) { text += '| ' + tableData[i].join(' | ') + ' |\n' } ``` 2. 接下来,根据自定义字体颜色的转换规则,将文本格式中的特定文本替换为Markdown格式的标记。例如,如果要将红色字体转换为Markdown格式中的粗体标记,可以使用以下代码: ```javascript text = text.replace(/<span style="color:red">/g, '**') text = text.replace(/<\/span>/g, '**') ``` 3. 最后,将文本格式转换为Markdown格式。例如,使用以下代码将文本格式转换为Markdown格式: ```javascript const markdown = '| Header 1 | Header 2 |\n| --- | --- |\n' + text ``` 以上是一种可能的解决方案,具体实现取决于自定义字体颜色的转换规则和实际需求。注意,在Vue2中使用DOM操作时,要确保在DOM元素加载完毕后再进行操作,以避免因DOM未加载完成而导致的错误。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值