富文本编辑器中去除文本样式的简便方法
本文介绍一种使用原生浏览器API在富文本编辑器中清除选中文本样式的技巧。以下示例演示如何操作：
首先，创建一个可编辑的div元素，例如：
然后，使用JavaScript代码向编辑器中插入文本：
let editor = document.querySelector('.editor');
let text = '今天天气晴朗';
editor.innerHTML = text;
假设我们需要清除“晴朗”的样式，可以使用以下JavaScript代码：
XM网络在线公司(企业)网站管理系统 2007 Build 0430
下载
中英文双语版; 后台在同一页内同时管理添加修改资料内的中英文内容; 网站的左边栏使用了模块，可以自由的增加&删除; 可以不用修改代码，让不懂编写网页的人也可以有自己的公司(企业)网站，基本资料都在后台管理添加修改; 网站的标题、地址、版权、公司邮局、收藏、风格等资料可以在后台的"网站资料设置"里管理; 功能强大的eWebEditor在线编辑器; 有多种模板可供选择，使用
let range = editor.createRange();
range.selectNodeContents(editor.querySelector('晴朗')); // 选择"晴朗"文本节点
range.deleteContents(); // 删除选择范围的内容
这将移除“晴朗”文本的任何样式。
此方法同样适用于具有contenteditable属性的元素。 快捷键功能如下：
Ctrl+B：添加/移除粗体 Ctrl+I：添加/移除斜体 Ctrl+U：添加/移除下划线
通过以上方法，您可以轻松地在富文本编辑器中清除选中文本的样式，保持文本内容的同时去除多余的格式。
