利用正则表达式匹配格式并且获取替换内容中数据并保留

        利用正则表达式匹配特定格式的字符串，可以有效地从文本中提取信息并进行替换。正则表达式是一种强大的工具，它允许我们定义复杂的模式，从而在大量文本中快速查找和操作内容。例如，在处理视频信息时，我们可能会遇到类似 [stop:3s] 的标记，表示在视频播放中需要暂停/停顿的时间。

核心：replaceString 计算属性使用正则表达式来查找对应格式的内容，并替换其中的文本，同时保留数字。

通过这种方式，我们可以灵活地处理文本中的特定标记，实现数据的提取、替换和存储，从而提升用户体验和应用的整体功能。

需求：

• 需要提取字符串中[] 中的内容
• 替换其中的文本，保留数据信息
• 将获取的数据信息作为html元素中的数据展示

实现布骤：

• 从字符串中提取停顿标记（如 [stop:3s]）。
• 将这些标记替换为可视化的 HTML 元素，便于用户交互（如点击、查看停顿时间）。

处理方法：

• originalString 是需要处理的原字符串。
• newContent 是你想替换的内容。
• replacedString 计算属性使用正则表达式 /\[stop:[\d.]+\]/g 来查找 [stop:数字] 格式的内容，并替换其中的文本，同时保留数字。
• extractedContent 计算属性提取所有 [stop:数字] 格式的内容。

代码

const textDom = document.querySelector('.textbox');
const a= videoInfo.value.text.replace(/\[stop:[\d.]+s\]/g, match => {
const number = match.match(/[\d.]+/)[0]; // 提取数字
    return `<b class="ypauseBtn" contenteditable="false"><span class="pausetime" data-times="${number}" data-time="[stop:${number}s]"">停顿${number}秒</span><i class="idel"></i></b>`; // 返回替换后的内容
});
textDom.innerHTML = a

实现效果

text："四渡[stop:0.5s]赤水DVD非官方的是个首付大二百三十[stop:1.5s]三万四千一百二十三[stop:0.3s]概是否和23423风格"