1、说明
在angular项目中,需要实现类似于富文本编辑器的将选中的文字高亮显示,并可以取消高亮,引入富文本编辑器(ckeditor或ueditor)都可实现,但是有点大材小用,所以考虑写一个输入框,一个标注按钮和一个取消标注的按钮实现该功能。
2、实现
1)在html中添加iframe
2)在ts中初始化并实现相关操作
3)css样式
3、相关优化
1)去除前后 (将代码中所有 替换成空格,然后trim())
.replace(/ */g," ").trim()
2)去除innerHtml中的标签
.replace(/<[^>]+>/g,"")