tinymce4.9.5插入图片取消默认选中
时间: 2023-11-16 16:24:53 浏览: 31
要取消 TinyMCE 4.9.5 中插入图片时默认选中图片的功能,可以在 `init` 函数中添加以下配置:
```javascript
tinymce.init({
// ...
setup: function(editor) {
editor.on('preProcess', function(e) {
if (e.content.indexOf('<img') !== -1) {
e.content = e.content.replace(/<img[^>]+>/g, function(img) {
return img.replace(/(class="[^"]*")/g, '$1 mce-item-iframe');
});
}
});
}
});
```
这个配置能够将插入的图片的 `class` 属性中添加一个 `mce-item-iframe` 的值,这样就取消了默认选中图片的功能。
相关问题
tinymce富文本编辑器插入图片后取消默认选择
要取消默认选择插入图片后自动选中该图片,可以通过以下步骤实现:
1. 打开 tinymce 的配置文件,一般为 tinymce.init({})。
2. 在配置文件中添加以下代码:
```javascript
setup: function(editor) {
editor.on('ObjectResized', function(e) {
e.target.selection.select(e.target.getBody().getElementsByTagName('img')[0]);
});
}
```
3. 保存配置文件并重新加载页面,插入图片后就不会默认选择该图片了。
这段代码的作用是在插入图片并调整大小后,取消自动选择该图片,避免用户误操作。
vue2中tinymce富文本编辑器插入图片后取消默认选择
在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();
}
});
}
});
```
在插入图片的回调函数中,首先获取插入的图片,然后将选中的内容设置为空,即取消默认选择。