kindeditor富文本编辑器上传图片前端访问不到图片路径问题

朱雀 2022-05-01 13:50 503阅读 0赞

使用富文本编辑器存放到数据库中的内容是HTML标签，上传图片时img标签存放的是相对路径，因此可以在查看商品详情时将HTML标签中的img的src路径改为全路径即可。
    首先写一个工具类，改变img的src值
    package com.irs.util;
    
    
    import java.util.regex.Matcher;
    import java.util.regex.Pattern;
    
    /**
     * html处理工具类
     * @author huweijun
     * @date 2016年7月13日 下午7:25:09
     */
    public class HtmlUtils {
    
        /**
         * 替换指定标签的属性和值
         * @param str 需要处理的字符串
         * @param tag 标签名称
         * @param tagAttrib 要替换的标签属性值
         * @param startTag 新标签开始标记
         * @param endTag  新标签结束标记
         * @return
         * @author huweijun
         * @date 2016年7月13日 下午7:15:32
         */
        public static String replaceHtmlTag(String str, String tag, String tagAttrib, String startTag, String endTag) {
            String regxpForTag = "<\\s*" + tag + "\\s+([^>]*)\\s*" ;
            String regxpForTagAttrib = tagAttrib + "=\\s*\"([^\"]+)\"" ;
            Pattern patternForTag = Pattern.compile (regxpForTag,Pattern. CASE_INSENSITIVE );
            Pattern patternForAttrib = Pattern.compile (regxpForTagAttrib,Pattern. CASE_INSENSITIVE );
            Matcher matcherForTag = patternForTag.matcher(str);
            StringBuffer sb = new StringBuffer();
            boolean result = matcherForTag.find();
            while (result) {
                StringBuffer sbreplace = new StringBuffer( "<"+tag+" ");
                Matcher matcherForAttrib = patternForAttrib.matcher(matcherForTag.group(1));
                if (matcherForAttrib.find()) {
                    String attributeStr = matcherForAttrib.group(1);
                    matcherForAttrib.appendReplacement(sbreplace, startTag + attributeStr + endTag);
                }
                matcherForAttrib.appendTail(sbreplace);
                matcherForTag.appendReplacement(sb, sbreplace.toString());
                result = matcherForTag.find();
            }
            matcherForTag.appendTail(sb);
            return sb.toString();
        }
    
        public static void main(String[] args) {
            StringBuffer content = new StringBuffer();
            content.append("<ul class=\"imgBox\"><li><img id=\"160424\" src=\"uploads/allimg/160424/1-160424120T1-50.jpg\" class=\"src_class\"></li>");
            content.append("<li><img id=\"150628\" src=\"uploads/allimg/150628/1-15062Q12247.jpg\" class=\"src_class\"></li></ul>");
            System.out.println("原始字符串为:"+content.toString());
            String newStr = replaceHtmlTag(content.toString(), "img", "src", "src=\"http://junlenet.com/", "\"");
            System.out.println(" 替换后为:"+newStr);
        }
    
    }
    
    在查看商品详情时只需调用工具类改变img的src路径即可
    复制代码

转载于:https://juejin.im/post/5c7f772851882546c364bc82