热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

替换字符串值并使用javascript保留部分替换字符串

我有一个伸手可及的距离文本框,用户可以在其中设计一个html页面,并且我无法访问TextArea的事件输入或输入,因此我无法在运行时更改输入的内容,因此用户将无法输入一个包含各种h

我有一个伸手可及的距离文本框,用户可以在其中设计一个html页面,并且我无法访问TextArea的事件输入或输入,因此我无法在运行时更改输入的内容,因此用户将无法输入一个包含各种html标记的到达文本值,并且在到达文本值中允许使用任何html标记.现在,我想将用户在文本中输入的任何数字更改为word,这意味着如果用户输入1,我希望它成为单词(一个)和2,3,4 ..等等,但是与此同时,我想保持html标记中的数字不变,以便保持用户对他设计的覆盖范围文字的样式,现在例如,如果我有以下生成的html:

Title1: Hi iam first title

Title3 hi iam third title


iam a div with 23 pixels width

那只是一个示例,但是用户可以构造任何html设计,样式和标签,因此输入内容可能会与此示例不同并且更加复杂.
使用Javascript,我想将其更改为:

Titleone: Hi iam first title

Titlethree hi iam third title

\
iam a div with twothree pixels width

var oldValue = 'Title1: Hi iam first title

Title3 hi iam third title


iam a div with 23 pixels width
';
var newValue = oldValue.replace(/1|2|3/g, function convertNumbers(x) {
switch (x) {
case '1':
return 'one';
break;
case '2':
return 'two';
break;
case '3':
return 'three';
break;
}
});

但是这段代码的结果

Titleone: Hi iam first titleTitlethree hi iam third title

iam a div with twothree pixels width

我试图用RegularExpressions仅替换任何之间的字符串
(>和(<),但不知道如何构造正则表达式,
请帮忙.
现在我想指定一个仅替换html中的文本并且不更改html标记的样式或属性中的数字的模式,并且我认为可以通过使用正则表达式查找模式来完成ly带有’>’的文本在左侧,“<”在右侧,例如:

Title1: Hi iam first title

如果我通过获取具有’>’的字符串将模式应用于上一个字符串在左侧,“<”在右边,我只会得到“ Title1:嗨,我是第一个标题”,所以我将替换掉然后在此结果字符串中找到的数字以得到我想要的输出.
有可能吗,或者我必须重新考虑使用正则表达式并找到另一种方式来完成任务?

解决方法:

您可以使用jQuery text(function)方法来更新元素的innerText.

// To store the string representation of the digits
var num = [undefined ,'one', 'two', 'three'];
// Iterate over all the ``, `

`
$('h1, h3').text(function(i, text) {
// Match 1, 2 or 3. Regex can also be written as `[123]` or `[1-3]`
return text.replace(/1|2|3/g, function(number) {
return num[number]; // Replace by the textual representation.
});
});


Title1

Title3



推荐阅读
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • 本文讨论了在手机移动端如何使用HTML5和JavaScript实现视频上传并压缩视频质量,或者降低手机摄像头拍摄质量的问题。作者指出HTML5和JavaScript无法直接压缩视频,只能通过将视频传送到服务器端由后端进行压缩。对于控制相机拍摄质量,只有使用JAVA编写Android客户端才能实现压缩。此外,作者还解释了在交作业时使用zip格式压缩包导致CSS文件和图片音乐丢失的原因,并提供了解决方法。最后,作者还介绍了一个用于处理图片的类,可以实现图片剪裁处理和生成缩略图的功能。 ... [详细]
  • 正则表达式及其范例
    为什么80%的码农都做不了架构师?一、前言部分控制台输入的字符串,编译成java字符串之后才送进内存,比如控制台打\, ... [详细]
  • 目录实现效果:实现环境实现方法一:基本思路主要代码JavaScript代码总结方法二主要代码总结方法三基本思路主要代码JavaScriptHTML总结实 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 本文介绍了Oracle存储过程的基本语法和写法示例,同时还介绍了已命名的系统异常的产生原因。 ... [详细]
  • 小程序wxs中的时间格式化以及格式化时间和date时间互转
    本文介绍了在小程序wxs中进行时间格式化操作的问题,并提供了解决方法。同时还介绍了格式化时间和date时间的互相转换的方法。 ... [详细]
  • 使用圣杯布局模式实现网站首页的内容布局
    本文介绍了使用圣杯布局模式实现网站首页的内容布局的方法,包括HTML部分代码和实例。同时还提供了公司新闻、最新产品、关于我们、联系我们等页面的布局示例。商品展示区包括了车里子和农家生态土鸡蛋等产品的价格信息。 ... [详细]
  • node.jsrequire和ES6导入导出的区别原 ... [详细]
  • 本文介绍了2015年九月八日的js学习总结及相关知识点,包括参考书《javaScript Dom编程的艺术》、js简史、Dom、DHTML、解释型程序设计和编译型程序设计等内容。同时还提到了最佳实践是将标签放到HTML文档的最后,并且对语句和注释的使用进行了说明。 ... [详细]
  • 1.Listener是Servlet的监听器,它可以监听客户端的请求、服务端的操作等。通过监听器,可以自动激发一些操作,比如监听在线的用户的数量。当增加一个HttpSession时 ... [详细]
  • angular.element使用方法及总结
    2019独角兽企业重金招聘Python工程师标准在线查询:http:each.sinaapp.comangularapielement.html使用方法 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • 本文整理了Java中org.apache.solr.common.SolrDocument.setField()方法的一些代码示例,展示了SolrDocum ... [详细]
  • 【爬虫】关于企业信用信息公示系统加速乐最新反爬虫机制
    ( ̄▽ ̄)~又得半夜修仙了,作为一个爬虫小白,花了3天时间写好的程序,才跑了一个月目标网站就更新了,是有点悲催,还是要只有一天的时间重构。升级后网站的层次结构并没有太多变化,表面上 ... [详细]
author-avatar
皮蓬
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有