tinymce富文本编辑器插入图片后取消默认选择

要取消默认选择插入图片后自动选中该图片，可以通过以下步骤实现：

1. 打开 tinymce 的配置文件，一般为 tinymce.init({})。

2. 在配置文件中添加以下代码：

setup: function(editor) {
  editor.on('ObjectResized', function(e) {
    e.target.selection.select(e.target.getBody().getElementsByTagName('img')[0]);
  });
}

3. 保存配置文件并重新加载页面，插入图片后就不会默认选择该图片了。

这段代码的作用是在插入图片并调整大小后，取消自动选择该图片，避免用户误操作。

相关问题

vue2中tinymce富文本编辑器插入图片后取消默认选择

在Vue2中使用tinymce富文本编辑器插入图片后，默认会选择插入的图片，如果需要取消默认选择，可以在插入图片的回调函数中，设置选中的内容为空。具体代码如下：

// 初始化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();
            }
        });
    }
});

在插入图片的回调函数中，首先获取插入的图片，然后将选中的内容设置为空，即取消默认选择。

控制富文本中图片宽高_tinyMCE富文本编辑器如何设置默认的图片宽度

在 TinyMCE 富文本编辑器中，可以通过设置默认的 CSS 样式来控制富文本中图片的宽高。具体方法如下：

1. 打开 TinyMCE 编辑器的配置文件，找到 "content_css" 选项。

2. 在 "content_css" 选项中添加一个自定义的 CSS 文件，用来设置图片的默认样式。例如：

content_css : "path/to/custom.css",

3. 在自定义的 CSS 文件中，可以使用以下样式来控制图片的宽高：

img {
  max-width: 100%;
  height: auto;
}

其中，"max-width: 100%;" 表示图片的最大宽度为父容器的宽度，"height: auto;" 表示图片的高度自适应。

通过以上步骤设置之后，插入到 TinyMCE 编辑器中的图片将会默认使用指定的样式，从而控制图片的宽高。