整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

一键删除多余内容,批量处理HTML文本,轻松省时!


爱的用户们,您是否曾经为了删除HTML文本中的多余内容而烦恼?是否曾经为了批量处理文本而感到困扰?现在,我们为您带来了一款全新的HTML文本处理工具,它可以轻松解决您的问题!

首先,在首助编辑高手的主页面板块栏里,选择“文本批量处理”板块。

第二步,进入板块栏里,我们要点击上方功能栏里的“添加文件”即可

第三步,在弹出来的文件夹里,将您要删除内容的HTML文件进行导入进去

第四步,然后在下方的功能栏里,选择“删除内容”功能。有两种选项,第一种是:删除行,第二种是删除字,小编选择的的是删除字。

第五步,选择完毕之后,我们就可以看见里面还有分成两个类型,,一种是:单个内容删除,另一种是:多个内容删除。小编选择单个内容删除

第六步,然后就要在删除内容里将要删除的内容进行输入,再点击批量删除内容,即可

第七步,等上方的状态栏显示删除单个内容成功,我们就可以打开文件进行查看,发现我们多余的内容已经删除完毕了

TML 文本格式化实例

文本格式化

此例演示如何在一个 HTML 文件中对文本进行格式化

标签 描述

<b> 定义粗体文本。

<big> 定义大号字。

<em> 定义着重文字。

<i> 定义斜体字。

<small> 定义小号字。

<strong>定义加重语气。

<sub> 定义下标字。

<sup> 定义上标字。

<ins> 定义插入字。

<del> 定义删除字。

<html>
<body>
<b>This text is bold</b>
<br />
<strong>This text is strong</strong>
<br />
<big>This text is big</big>
<br />
<em>This text is emphasized</em>
<br />
<i>This text is italic</i>
<br />
<small>This text is small</small>
<br />
This text contains
<sub>subscript</sub>
<br />
This text contains
<sup>superscript</sup>
</body>
</html>

HTML 文本格式化实例

文主要讲的是多行文本框一键清空 、限制数量功能,一起来看看~

这次我们来讲解一个在多行文本框 一键清空 / 限制数量功能。

一、准备元件

  1. 首先打开 Axure 新建文件,拖取一个矩形,设置长度为: 375 px ,高度为: 80 px ;
  2. 拖取一个多行文本框,设置长度为: 335 px ,高度为: 60 px,右键设置隐藏边框,设置提醒文字“输入文本时显示清除按钮、数量倒计” ,命名为:“ 输入框 ” ( 这里为随意输入 ) ;
  3. 拖取一个文本,设置字体为: 12 px ,色值为 #999999 ,命名为:“ 限制数量展示 ” ;
  4. 最后我们再做一个清空按钮,大小 20 px 左右 ,命名为:“ 清空按钮 ” ,然后点击隐藏。

好的,完成之后我们会得到一下的样子:

二、设置输入框的交互样式

(1)双击 “文本改变时” ,设置输入框的 Case 1 的条件为:全部 – 元件文字 – This 等于( “ == ” 是等于的意思)空值,设置隐藏清空按钮。

(2)然后我们再双击 “文本改变时” ,设置 Case 2 的条件为:全部 – 元件文字 – This 不等于( “ != ” 是不等于的意思 )空值,设置显示清空按钮。

(3)第三步双击 “ 获取焦点时 ” ,设置 Case 1 的条件为:全部 – 元件文字 – This – 不等于空值,设置显示清空按钮。

(4)最后我们再双击 “ 失去焦点时 ” ,设置隐藏清空按钮( 此处较简单无配图 )。

此时我们就把清空按钮的功能完善了,现在我们可以来看一下(腾讯视频链接):https://v.qq.com/x/page/p1343kj95p6.html

清空输入框的功能完成了,现在我们要来做字符数量限制,已经完成的小伙伴接着往下看吧!

三、进阶

  1. 选择输入框,继续双击 “文本改变时” ,在 Case 3 设置文字于 This 为: “ [[This.text.substr(1,100)]] ” ;
  2. 然后再设置 “ 限制数量展示 ” 的富文本为:“ [[100-This.text.length]]/100 ” ,设置为右对齐,不清楚的可以看看下图。

然后我们的所有效果就都已经实现了,各位完成的小伙伴预览一下自己的成果吧!

腾讯视频链接:https://v.qq.com/x/page/i1343yve2yx.html

以上就已制作完所有流程,需要源文件或者有相关问题讨论的,欢迎在下方留言。

end

本文由 @李桂东 原创发布于人人都是产品经理。未经许可,禁止转载