javascript - 给一段复杂的html中的每个文字添加一个标签-PHP中文网问答

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

最近更新

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - 给一段复杂的html中的每个文字添加一个标签

欧阳克 2017-06-12 09:29:57

[JavaScript讨论组]

1146

var test_html = '你忽然你好test
hire
额
铁塔爷爷又一伙人
eat
居中杨
你浩特哦are偶家 ore农机特特
特体
特体
热特讨厌哈哈哈
而容易有监听监听
';

因为要对每个文字进行单独处理，怎么给这种复杂的没有规律的html片段中的所有文字添加一个span标签？
类似于将

然你t

变成
然你t

最终的需求是要实现类似于百度阅读app的效果，在页面上拖动选中文本内容，添加笔记之类的。

欧阳克

温故而知新，可以为师矣。博客：www.ouyangke.com

全部回复(3)

PHP中文网2017-06-12 09:31:57 3楼

参考一下那些在线编辑程序的页面

赞 +0

添加回复

phpcn_u15822017-06-12 09:31:57 2楼

看看这个能帮到你不：js 中的selection对象使用笔记+光标定位

赞 +0

添加回复

黄舟2017-06-12 09:31:57 1楼

有点眼晕，你看看是不是这样

test_html.replace(/([^\/]>)([^<\/>]+?)(?=<)/ig, function($,$1,$2){ 
    return $1+'<span class="special-flag">'+$2+'</span>'})
})

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>