Ueditor如何绑定文章中上传的图片


在使用Ueditor做为文章编辑器的系统中,用户上传一篇文章后,如何关联文章与该文章中所上传的图片?以便日后管理。

具体情景是这样的,用户上传文章的时候,可能上传文章图片,在Ueditor中,是先用图片上传插件将图片上传到服务器,再插入到文章编辑器中。
但如果删除文章的时候我必须删除文章的图片,所以我想将上传的图片与文章关联起来。
一开始我的想法是响应Ueditor问图片插入事件,然后依据我制定的后台规则获取到插入图片的Id。并将它以input:hidden的形式插入到文章form中。那么当文章提交后我后台就可以做一些关联的业务。
但这个做法遇到几个严重的问题:
1.Ueditor压根就没有提供插入图片的回调函数。
2.我尝试通过修改Ueditor中dialogs\image\image.html的源码,在上传一章图片后将服务器返回的信息插入页面。但一直失败。原因不明。

Web开发 JavaScript

saerll 11 years, 7 months ago

一个思路:在文章插入前,找全部图片链接(解析DOM或者正则表达式),在找出其中的文件路径和文件名,在数据库中记录下来。

古手ナシD花 answered 11 years, 7 months ago

Your Answer