JavaScript 颜色解析器

Question

我想知道如何在找到文本 ^1 时使用正则表达式创建一个 span 元素，然后将文本分组并将其包含在创建的 span 元素中

这个想法是你有一个聊天框，每当有人提交一条消息时，例如:(没有任何意义)

“^1你好^3怎么样了..”

将输出为“你好” <- 将以红色显示“进展如何......” <- 将以绿色显示

代码是:

• ^1 - 红色
• ^2 - 黑色
• ^3 - 绿色
• ^4 - 黄色
• ^5 - 蓝色
• ^6 - 浅蓝色
• ^7 - 紫色
• ^8 - 深绿色
• ^9 - 灰色

Answer 1

是的，您可以使用正则表达式。例如:

\^(\d+)([^^]+)

这匹配前面有插入符的数字和它后面的任何内容，直到找到新的插入符。