富文本插入图片返回相对路径

Question

老师，通过富文本插入图片，保存到数据库，查出来的是相对路径，前后端分离项目界面上面展示不了，怎么办？

Answer 1

bobby 2018-06-01 11:10:23

这个问题是由于富文本编辑器上传图片的时候图片路径没有写完整， 只写了相对路径，所以这些图片需要使用django服务器的端口才能访问，后面如果你直接把前端项目用django返回就没有这个问题了

• 提问者 慕移动7006633 #1

  非常感谢！

Answer 2

提问者 慕移动7006633 2018-06-02 15:38:15

自己修改了ueditor的view.py的源码，目前看是解决了

• bobby #1

  好的，

• foxxx #2

  非常感谢, 修改重新上传图片有用!

• 慕标4054706 #3

  修改了之后富文本就什么显示都没有了，请问这是为什么呢

Answer 3

weixin_慕容3256306 2018-11-29 16:44:36

Ueditor是基于django的TextField写的，TextField对应serializer的CharField不会检查里面是否有url，所以不能像ImageField一样补全url。

可以给Ueditor单独实现一个seralizer字段，自己处理下url

import re

from rest_framework.fields import CharField


class UeditorField(CharField):
    def to_representation(self, value):
        text = super(UeditorField, self).to_representation(value)
        urls = re.findall(r'src="(.*?)"', text)
        request = self.context.get('request', None)
        if request is not None:
            urls = [request.build_absolute_uri(i) for i in urls]

        text = re.sub(r'src="(.*?)"', 'src="{}"', text)
        text = text.format(*urls)
        return text

• 慕仙2398819 #1

  试了一下您的方法还是不行。

• 啥昵称不占用 #2

  这个代码是要加到哪里的？怎么使用？