tinymce4.9.5插入图片取消默认选中
时间: 2023-11-16 07:24:53 浏览: 156
要取消 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. 保存配置文件并重新加载页面,插入图片后就不会默认选择该图片了。
这段代码的作用是在插入图片并调整大小后,取消自动选择该图片,避免用户误操作。
如何在tinymce中插入图片?
要在TinyMCE中插入图片,请按照以下步骤操作:
1. 打开你的TinyMCE编辑器。
2. 将光标放置在您想要插入图像的位置。
3. 点击编辑器工具栏上的“插入/编辑图像”按钮(通常是一个小图像图标),打开图像插入对话框。
4. 在图像插入对话框中,您可以上传新图像或从现有图像中选择。
5. 如果要上传新图像,单击“上传”,选择要上传的图像,然后单击“插入”按钮。
6. 如果要从现有图像中选择,请单击“从库中选择”,然后选择要插入的图像。
7. 单击“插入”按钮,将图像插入您的内容中。
8. 保存编辑器内容并预览结果。
如果您需要更多帮助或详细指导,请参考相关文档或在编辑器论坛中寻求帮助。
阅读全文