vue2中tinymce富文本编辑器插入图片后取消默认选择
时间: 2023-10-31 10:23:58 浏览: 96
在Vue2中使用tinymce富文本编辑器插入图片后,默认会选择插入的图片,如果需要取消默认选择,可以在插入图片的回调函数中,设置选中的内容为空。具体代码如下:
```javascript
// 初始化tinymce
tinymce.init({
selector: 'textarea',
plugins: 'image',
toolbar: 'image',
height: 500,
setup: function (editor) {
// 插入图片的回调函数
editor.on('insertedContent', function (e) {
// 获取插入的图片
var img = e.target.querySelector('img');
if (img) {
// 取消默认选择
editor.selection.select(img);
editor.selection.collapse();
}
});
}
});
```
在插入图片的回调函数中,首先获取插入的图片,然后将选中的内容设置为空,即取消默认选择。
阅读全文