富文本工具栏按钮状态无法根据选中内容动态更新怎么办？
我在给编辑器实现粗体按钮时，监听selectionchange事件后按钮状态一直没变化：
document.addEventListener('selectionchange', function() {
const selection = window.getSelection().toString();
if(selection.trim()) {
this.toggleButton('bold', true);
} else {
this.toggleButton('bold', false);
}
});
function toggleButton(name, active) {
// 更新按钮激活状态的逻辑
}
控制台没报错但按钮就是不亮，明明手动调用toggleButton方法能正常切换。尝试过在工具栏点击时能正确获取到选区样式，就是实时监听这块卡住了
- 2
回答
63浏览
Figma插件里怎么获取当前选中图层的文本内容？
我在写一个Figma插件，想拿到用户当前选中的文本图层的内容，但总是报错说类型不对。我试了用figma.currentPage.selection拿到选中项，然后直接读.characters，结果控制...
- 2
回答
36浏览
组件树更新后选中状态为啥不刷新？
我在做可视化编辑器的组件树，每次拖拽新组件进来，树结构能正常更新，但之前选中的节点状态没清掉，导致新节点无法被正确选中。我明明已经用 v-model 绑定了当前选中项啊。 试过在数据变更后手动重置 s...
- 1
回答
29浏览
富文本编辑器工具栏怎么自定义样式才不会错乱？
我用 Quill.js 做了个富文本编辑器，现在想改工具栏按钮的样式，比如把图标变大点、间距调宽松些。但一加自定义 CSS，有些按钮就换行了，或者图标对不齐，特别奇怪。 我试过直接覆盖 .ql-too...
- 1
回答
36浏览
富文本编辑器工具栏怎么自定义按钮？
我用的是 Quill.js，想在工具栏加个“插入表情”按钮，但文档看得有点懵。试过按官网例子改配置，但新加的按钮点不了，也没触发事件。 现在工具栏配置是这样的： const toolbarOption...
- 2
回答
24浏览
右滑编辑列表项时如何防止内容被意外选中？
我在做移动端的待办事项列表，想实现右滑出现“编辑”按钮的效果。但手指滑动时经常误触选中文本，体验很糟。 试过加 user-select: none，但只对静态内容有效，滑出的按钮还是会触发选择。是不是...
- 2
回答
62浏览
TinyMCE在React中内容变化时无法触发onChange更新状态？
我在React项目里用TinyMCE编辑器，想把编辑内容同步到组件状态里。按照文档写了onChange回调，但修改内容时控制台没输出，状态也没更新，这是为什么呢？ 代码是这样写的： import { ...
- 2
回答
49浏览
CKEditor自定义按钮获取选区文本返回空值怎么办？
我在CKEditor5里加了自定义按钮，点击时想获取当前选中的文本。用了editor.model.document.selection却总是空值，是不是获取方式有问题？试过监听选区变化也没触发... ...
- 2
回答
284浏览
Material-UI Select选中值无法更新到状态怎么办？
我在用Material-UI的Select组件时，选中选项后状态一直没变。按照文档写了value和onChange，但控制台打日志发现selected变量还是空的... 代码是这样写的： import...
- 2
回答
52浏览
Material-UI的Checkbox选中状态怎么无法更新？
我在用Material-UI的Checkbox做表单时遇到问题，选中状态明明更新了，但勾选框的显示一直没变化。之前按文档用了useState存数组，但点击其他选项时之前选中的会莫名取消。 代码像这样写...
- 2
回答
32浏览
Markdown编辑器内容无法实时预览怎么办？
我用React写了个简单的Markdown编辑器，输入框的内容变了，但预览区完全没反应，是不是状态没绑对？ 试过用useState存markdown字符串，也加了onChange监听，可右边的预览就是...
this指向错了，addEventListener的回调里this是document，根本不是你的对象。用箭头函数或者提前缓存this就行了。顺便说一句，你原来的逻辑也有问题，光判断有没有选中文字是不对的，得用
queryCommandState检测当前选区是不是已经是粗体，这样按钮状态才能正确反映选中内容的格式。document.addEventListener('selectionchange', (event) => {
const selection = window.getSelection().toString();
if(selection.trim()) {
this.toggleButton('bold', true);
} else {
this.toggleButton('bold', false);
}
});
或者调试看看this的指向，打印console.log(this)就能发现不是预期的对象实例。另外建议用getSelection().anchorNode判断更准确，toString()有时候会不准。