javascript - 在 Summernote 中禁用图像上传

标签 javascript jquery wysiwyg summernote

有什么办法可以在Summernote中完全禁止上传图片,但保留图片url输入吗?我发现的最接近的是 disableDragAndDrop: true 选项,但这不会从图像弹出窗口中删除上传按钮

最佳答案

可能有更好的方法来完成您想要的任务...但是想到的一个非常简单的解决方案是将其添加到您的样式表中:

.note-group-select-from-files {
  display: none;
}

它可以完美地只保留图像网址输入,并完成您想要的任务,除非有人检查元素并发现上传元素仍然存在且不显示:

enter image description here

<小时/>

编辑: 我看了一下Summernote源代码,看起来上面的解决方案实际上是一个很好的方法。目前没有 API 可以仅禁用文件上传按钮,更不用说在保持 img url 输入不变的情况下这样做了。当然,您始终可以添加它并打开拉取请求。

https://github.com/summernote/summernote/blob/4b1bf144862a88899a464ddfab6bc0593a061fbc/src/js/bs3/module/ImageDialog.js#L24

  var body = '<div class="form-group note-group-select-from-files">' +
               '<label>' + lang.image.selectFromFiles + '</label>' +
               '<input class="note-image-input form-control" type="file" name="files" accept="image/*" multiple="multiple" />' +
               imageLimitation +
             '</div>' +
             '<div class="form-group" style="overflow:auto;">' +
               '<label>' + lang.image.url + '</label>' +
               '<input class="note-image-url form-control col-md-12" type="text" />' +
             '</div>';

关于javascript - 在 Summernote 中禁用图像上传,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33615669/

相关文章:

javascript - 在谷歌地图上适合标记

javascript - 警报未出现在 chrome 扩展程序的 popup.html 中

selection - Javascript:记住选定的文本范围

javascript - 是否可以在 DIV 单击时调出设备的数字键盘?

javascript - 如何在 JavaScript 中显示堆叠在一起的多张图片

javascript - 以特定顺序调用的嵌套 AJAX 调用

html - 如何在mysql数据库中保存和搜索内容(使用wysiwyg html编辑器制作)?

javascript - vue v-for 带过滤器给出错误

javascript - 使用 window.getSelection 在所见即所得编辑器中查找 <br> 位置

javascript - 使用 htmlpurifier 禁止 jqte jQuery 文本编辑器中的脚本标签和事件监听器