在所见即所得的编辑器中管理图像删除

Manage image deletion in a WYSIWYG editor

当使用HTML编辑器从本地添加图片时,上传到服务器,获取link放在图片src属性中。当 img 元素从编辑器中移除时会发生什么?如何从服务器中删除图像?在这种情况下,我知道可以检测到图像删除事件,然后调用服务将其删除。但是,如果用户添加新图像并离开页面会怎样?在这些情况下如何删除?

在这两种情况下,如果不对图像的删除进行管理,服务器可能会充满未使用的图像。你通常如何解决这个问题?解决这个问题的正确方法是什么?

这是一个很好的问题。
是的,服务器肯定会在某些时候填满未使用的图像。
我不是这方面的专家,但我会尝试提出一些建议,以便我也可以在我的所见即所得编辑器中实施它哈哈。
我想您有一个用于插入图像的自定义模式。单击按钮后,您可以将图像 link 保存到数组中,然后在 SAVE ||离开文档编辑 ||在 popstate 事件上,您可以制作一个正则表达式来检查特定 SRC 的编辑器的 innerHTML。如果找不到,那么您可以使用图像名称推送 ajax 请求,以便删除它。
当然,还有更有效和更复杂的方法可以实现这一点。例如在 keydown 上创建文本范围和轨道元素 - Backspace(8) / Deletekey(46).
另一种方法是您可以跟踪正在使用的图像。保存文档后,将文档中的图像正则表达式推送到数据库 table 并定期从后端进行检查,以便删除那些未使用的图像。 我不知道我的建议是否有帮助。我刚刚看到一个有趣的主题,所以我跳了进去。干杯伙计。