是的,TinyMCE 图片插入插件有缩略图预览的功能。可以通过配置 TinyMCE 的插件和选项来实现。
首先,确保已经引入了 TinyMCE 的脚本文件。
然后,在初始化 TinyMCE 编辑器时,将插件 "
image
" 添加到插件列表中,并设置 "
image
_preview" 选项为 true。
以下是一个示例代码:
<!DOCTYPE html>
<script src="https://cdn.tiny.cloud/1/your-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
<script>
tinymce.init({
selector: 'textarea',
plugins: 'image',
toolbar: 'image',
image_preview: true,
// 其他配置选项...
</script>
</head>
<textarea></textarea>
</body>
</html>
在上述示例中,通过设置 "plugins" 选项为 "image",将图片插入插件添加到 TinyMCE 中。然后,在 "toolbar" 选项中将 "image" 添加到工具栏中以便在编辑器中显示图片插入按钮。
最后,设置 "image_preview" 选项为 true,以启用缩略图预览功能。
这样,当用户点击图片插入按钮时,将会弹出一个对话框,其中包含一个缩略图预览区域,用户可以通过该区域预览要插入的图片。