uniapp解析富文本（包含图片）微信小程序+app可用

 最终效果图：

uniapp中，在需要使用的vue界面中

 2、在后端php中，将提交保存到数据库的富文本图片路径更改为含http或https的(含自己域名的)，不然图片无法展示。

将

 改为：

方法如下：

 //替换文本图片中的路径             $url=getUrl();               $list['content'] = str_replace('max-width:50%', 'max-width:100%' , $list['content']);//更改图片展示大小              $list['content'] = str_replace('src="/', 'src="'.$url.'/' , $list['content']);//更改图片路径

用得到的获取url方法 (得到如：http://www.baidu,com)

function getUrl() {    $sys_protocal = isset($_SERVER['SERVER_PORT']) && $_SERVER['SERVER_PORT'] == '443' ? 'https://' : 'http://';    $php_self = $_SERVER['PHP_SELF'] ? $_SERVER['PHP_SELF'] : $_SERVER['SCRIPT_NAME'];    $path_info = isset($_SERVER['PATH_INFO']) ? $_SERVER['PATH_INFO'] : '';    return $sys_protocal.(isset($_SERVER['HTTP_HOST']) ? $_SERVER['HTTP_HOST'] : '');}

 通过uniapp使用uparse发现微信小程序端图片能够正常展示，但是APP图片无法展示，所以使用这种方法。

来源地址：https://blog.csdn.net/weixin_43537004/article/details/123935868