这篇文章主要描述利用wxParse将html转为wxml时，所遇到的问题和解决方法。本着干净利落的原则，尽量不费话。

• 主要内容：
  • 利用wxParse插件将html转为wxml
  • 如何处理wordpress传过来的多篇文章和多首音频

1.利用wxParse插件将html转为wxml

利用wxParse插件将html转为wxml

这是固定的几步，百度搜出来的教程扫两眼，跟着走也就可以了！

2.如何处理wordpress传过来的多篇文章和多首音频

• 2.1、文章的处理

对于微信小程序，推荐用wordpress作后台。
理由：wordpress后台插入文章时，可在文章中插入图片等，html格式的数据放在微信小程序前端，可用wxParse解析。

关键性语句：

// content是用后台获取的数据
var article = get_article(content);
WxParse.wxParse('article', 'html', article, that, 5);

问题：多篇文章怎么办？
解答：插件要求传入的字符串（第三个参数article）,我们可以把多篇文章连起来，函数如下：

function get_article(content) {
    var str_article = "";
    for (var key in content) {
        str_article  += content[key].post_content;
    }
    return str_article;
}

• 2.2、音乐的处理

我尝试过，将音频插入在wordpress后台的文章里，无法利用插件wxParse进行解析。因此，音频文件是单独传过来的。

在js中可以这样解析音频：

function get_audio_object(content) {
    var array = [];
    for (var key in content) {
        var obj = {};
        obj.audio_cover_url = content[key].audio_cover_url;
        obj.audio_title = content[key].audio_title;
        obj.audio_url = content[key].audio_url;
        array.push(obj)
    }
    return array;
}

简而言之，数组的每个元素是一个对象,每个对象是一首歌的信息。
理由是：方便小程序的前端循环输出。

        <view wx:for = "{{audio}}" wx:for-item = "a">
            <view wx:if = "{{a.audio_url != ''}}">
                <audio poster="{{a.audio_cover_url}}" name="{{a.audio_title}}" src="{{a.audio_url}}" class="myAudio" author = "" controls="true"></audio>
            </view>
        </view>

数据是通过设置data连接的:

var audio = get_audio_object(content);
that.setData({
   audio: audio,
})

全文结束