能不能仅仅禁用工具栏？

[Tolerate-yu]

问题描述

我想只禁用工具栏，使用了editorConfig.readOnly = true，发现工具栏没了，但是自带的change也无法使用？

wangEditor 版本

"@wangeditor/editor": "^5.1.23",

[cycleccc]

能用 沙盒 demo 复现一下吗，方便定位。

[cycleccc]

wangEditor.com 里有各个框架对应的沙盒 demo，也可以使用 wangeditor-next里的 沙盒 demo

[cycleccc]

刚刚去试了一下，read-only 是 只读呀，为什么在只读的场景下还要监听 change，这是什么需求呢？

[Tolerate-yu]

我现在改成 mode: 'simple' 文字选中的悬浮框消失了，但是图片和表格的悬浮框依然存在，之所以还要使用 onChange ，是由于我要获取 const text = editor.getSelectionText(); 当前选中的文本 ，还其他组件搭配做后续的逻辑操作。

[Tolerate-yu]

刚刚去试了一下，read-only 是 只读呀，为什么在只读的场景下还要监听 change，这是什么需求呢？

我现在改成 mode: 'simple' 文字选中的悬浮框消失了，但是图片和表格的悬浮框依然存在，之所以还要使用 onChange ，是由于我要获取 const text = editor.getSelectionText(); 当前选中的文本 ，还其他组件搭配做后续的逻辑操作。

或者我想在只读模式下，依然能够使用 onChange 方法，我想获取到 const text = editor.getSelectionText(); 当前选中的文本

[cycleccc]

只想获取选中文字可以试试

window.getSelection().toString()

wangeditor 基于 slate ，slate 也是对浏览器 api 的封装。

[Tolerate-yu]

但是我需要一个方法来做，富文本有数据选中就自动触发，就是我现在实现的效果，但是现在的富文本状态是可以编辑的状态下才可以实现，我希望富文本在不能编辑的状态下依然可以实现，我这个下效果

[cycleccc]

试试监听 textarea 选区变更事件

addEventListener('selectionchange')