zoukankan      html  css  js  c++  java
  • 微信小程序显示cms里的html文章

    首先在cms模版中将html文章转化为json数据,识别图片,文本和换行,过滤掉样式和标签。这里是用PHP正则表达式函数来实现的,$content是cms里的html文章。

        <?php  
        $_arr = preg_split('/(<img.*?>)/i', $content, -1, PREG_SPLIT_NO_EMPTY | PREG_SPLIT_DELIM_CAPTURE);  
        $_r = array();  
        foreach($_arr as $_txt) {  
            if(substr($_txt, 0, 4) == '<img') {  
                $_matchs = array();  
                preg_match('/<img.*?src="(.*?)"/i', $_txt, $_matchs);  
                $_txt = $_matchs[1];  
                if(preg_match('/^//', $_txt)) $_txt = $gupload.$_txt;  
                $_r[]= array('type'=>'img', 'data'=>$_txt);  
            }else {  
                $_txt = preg_replace('/&.*?;/', ' ', $_txt);  
                $_txt = preg_replace('/s+/', ' ', $_txt);  
                $_txt = preg_replace(array('/<br.*?>/i', '/<p.*?>/i', '/<li.*?>/i', '/<div.*?>/i', '/<tr.*?>/i', '/<th.*?>/i'),  
                                "
    ", $_txt);  
                $_txt = preg_replace('/<.*?>/', '', $_txt);  
                $_r[]= array('type'=>'txt', 'data'=>$_txt);  
            }  
        }  
        $_data = array('title'=> $title, 'info'=> $inputtime, 'content'=> $_r);  
        echo json_encode($_data);  
        ?>  

    小程序显示文章时请求cms生成的json数据,并通过循环和模版将文章内容显示出来。{{content}}是cms模版输出的json数据,是一条条段落或图片数据组成的数组。

        <template name="img">  
            <view>  
        <image class="content-img" mode="aspectFit" src="{{item.data}}"></image>  
            </view>  
        </template>  
        <template name="txt">  
            <view>  
                <text>{{item.data}}</text>  
            </view>  
        </template>  
                  
        <view class="content">  
            <block wx:for="{{content}}">  
                <template is="{{item.type}}" data="{{item}}"/>  
            </block>  
        </view>  
  • 相关阅读:
    .net Core使用EFCore连接数据库
    前端实践项目(二)webpack生成html和外部引用
    前端实践项目(一)使用webpack进行打包编译
    消息队列的模式
    消息队列的应用场景
    .Net EasyNetQ的使用
    .Net中简单地使用RabbitMQ消息队列
    C# 虚函数virtual的使用之二
    C#之System.Object
    .Net EntityFramework(EF) CodeFirst模式
  • 原文地址:https://www.cnblogs.com/zouzhe0/p/6269506.html
Copyright © 2011-2022 走看看