Android提取HTML代码内的所有文字内容

需求是:TextView只显示HTML里的纯文字内容,去掉CSS样式、超链接、图片等等。

解决方法

  • 查找Java或者Android有没有提供API直接操作HTML字符串的。暂时未发现有,懒得深入去找了。。。
  • 正则表达式匹配并清除掉各种HTML标签。嗯,就这样干。

具体实现:

  1. 匹配HTML代码中的缩进、换行等格式,正则表达式如下:

    String regFormat = "\\s*|\t|\r|\n";

  2. 匹配所有的标签,正则表达式如下:

    String regTag = "<[^>]*>";

  3. 执行上面两条匹配规则,将匹配到的内容replace为空字符串,也就一行代码:

    String text = htmlStr.replaceAll(regFormat,"").replaceAll(regTag,"");

大功告成。

提取HTML文字层中的PDF文件,您可以使用PDF.js库来渲染PDF文件并提取文字层。PDF.js是一个由Mozilla开发的JavaScript库,可以在Web上显示PDF文档,并提供文本搜索和高亮功能。 以下是从HTML文字层中提取PDF文件的步骤: 1. 将PDF.js库文件和您的HTML文件添加到您的项目中。 2. 在您的HTML文件中,使用以下代码来加载PDF.js和您的PDF文件: ```html <script src="path/to/pdf.js"></script> <script src="path/to/pdf.worker.js"></script> <canvas id="pdf-canvas"></canvas> <script> // Load PDF document const url = 'path/to/your-pdf-file.pdf'; const loadingTask = pdfjsLib.getDocument(url); loadingTask.promise.then(function(pdf) { // Load the first page pdf.getPage(1).then(function(page) { const canvas = document.getElementById('pdf-canvas'); const context = canvas.getContext('2d'); // Set the canvas height and width to the PDF page size const viewport = page.getViewport({ scale: 1 }); canvas.height = viewport.height; canvas.width = viewport.width; // Render the page to the canvas const renderContext = { canvasContext: context, viewport: viewport }; page.render(renderContext).promise.then(function() { // Extract text layer const textLayer = document.createElement('div'); textLayer.className = 'textLayer'; const textLayerRenderTask = page.getTextContent(); textLayerRenderTask.promise.then(function(textContent) { pdfjsLib.renderTextLayer({ textContent: textContent, container: textLayer, viewport: viewport, textDivs: [] }); }); const canvasContainer = document.getElementById('pdf-canvas').parentNode; canvasContainer.insertBefore(textLayer, canvasContainer.firstChild); }); }); }); </script> ``` 3. 在您的Activity中,使用WebView加载您的HTML文件: ```java WebView webView = findViewById(R.id.webView); webView.getSettings().setJavaScriptEnabled(true); webView.loadUrl("file:///android_asset/your_html_file.html"); ``` 请注意,PDF.js库文件和PDF文件的路径应该根据您的项目结构进行相应的更改。在渲染PDF时,PDF.js会自动提取文字层并将其呈现为一个HTML元素,您可以通过在HTML中使用CSS样式来自定义文本层的样式。
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值