富文本编辑器中去除文本样式的简便方法
本文介绍一种使用原生浏览器API在富文本编辑器中清除选中文本样式的技巧。以下示例演示如何操作：
首先，创建一个可编辑的div元素，例如：
<code class="html"><div class="editor" contenteditable="true"></div></code>
然后，使用JavaScript代码向编辑器中插入文本：
<code class="javascript">let editor = document.querySelector('.editor');
let text = '今天天气晴朗';
editor.innerHTML = text;</code>
假设我们需要清除“晴朗”的样式，可以使用以下JavaScript代码：
<code class="javascript">let range = editor.createRange();
range.selectNodeContents(editor.querySelector('晴朗')); // 选择"晴朗"文本节点
range.deleteContents(); // 删除选择范围的内容</code>
这将移除“晴朗”文本的任何样式。
此方法同样适用于具有contenteditable属性的元素。 快捷键功能如下：
Ctrl+B：添加/移除粗体 Ctrl+I：添加/移除斜体 Ctrl+U：添加/移除下划线
通过以上方法，您可以轻松地在富文本编辑器中清除选中文本的样式，保持文本内容的同时去除多余的格式。
