So ändern Sie die Textfarbe in einer Zeichenfolge in Javascript

Question

1. 'TesttextTesttextTesttext咳嗽字测试文字测试文字咳嗽测试文字测试文字测试文字测试文咳嗽Worttesttext'

2. Der obige Texttest wird verwendet, um die Position des ersten und dritten Hustentextes zu ermitteln und die Farbe dieser beiden Wörter zu ändern.

 <textarea class="editor-input" placeholder="请输入内容" v-model="inputValue"></textarea>
<iframe src="about:blank" id="bbb" contentEditable="true" width="100%" height="100%"></iframe>

Derzeit mit dieser Methode gelöst

Answer 1

测试文字<span style="color:red">测试文字</span>

Answer 2

以下替换第一个和第三个咳嗽，添加红色。

var str = '测试文字测试文字测试文咳嗽字测试文字测试文字咳嗽测试文字测试文字测试文字测试文咳嗽字测试文字';

var result = str.replace(/(咳嗽)([^咳]+\1[^咳]+)\1/, '<span sytle="color:red">$1</span>$2<span sytle="color:red">$1</span>');

console.log(result);

Answer 3

知道确定位置的话直接下标加颜色就可以了也可以用正则过滤