基于(At)java開發小程序接口，後台使用(use)ueditor編輯圖文内容。
小程序如何顯示富文本内容呢？

一(one)、直接傳入html

nodes 屬性推薦使用(use) Array 類型，由于(At)組件會将 String 類型轉換爲(for) Array 類型，因而性能會有所下降

直接将html内容傳入是(yes)可以(by)，但是(yes)無論從性能還是(yes)顯示樣式來(Come)說都會有問題，所以(by)不(No)推薦這(this)樣做。

二、wxParse

網上現在(exist)較多的(of)解決方法都是(yes)在(exist)小程序裏引入wxParse插件來(Come)解決。
考慮到(arrive)引入額外的(of)插件會使得程序變大(big)，所以(by)就沒有詳細研究，有興趣的(of)可以(by)自行百度。

三、解析成json

public class RichTextParse {
    public static List<Object> parse(String body) throws DocumentException {
        List<Object> nodes = new ArrayList<Object>();
        Document doc = null;
        doc = DocumentHelper.parseText("<xml>" + body + "</xml>"); // 将字符串轉爲(for)XML
        Element rootElt = doc.getRootElement(); // 獲取根節點
        List<Element> list = rootElt.elements();// 獲取根節點下所有節點
        for (Element element : list) { // 遍曆節點
            RichTextNode node = new RichTextNode();
            node.setName(element.getName());
            // attrs
            for (Iterator it = element.attributeIterator(); it.hasNext();) {
                Attribute attr = (Attribute) it.next();
                node.getAttrs().put(attr.getName(), attr.getText());
            }
            // has children
            if (!element.isTextOnly()) {
                loopElement(node, element);
            } else {
                RichTextNodeText nodeText = new RichTextNodeText();
                nodeText.setType("text");
                nodeText.setText(element.getText());
                node.getChildren().add(nodeText);
            }
            // add to nodes
            nodes.add(node);
        }
        return nodes;
    }
    private static void loopElement(RichTextNode nodeParent, Element elementParent) {
        List<Element> eles = elementParent.elements();
        for (Element element : eles) {
            RichTextNode node = new RichTextNode();
            node.setName(element.getName());
            // attrs
            for (Iterator it = element.attributeIterator(); it.hasNext();) {
                Attribute attr = (Attribute) it.next();
                node.getAttrs().put(attr.getName(), attr.getText());
            }
            //
            switch (element.getName()) {
                case "img":
                    node.getAttrs().put("style", "max-width:100%;height:auto;");
                    break;
                default:
                    break;
            }
            // has children
            if (!element.isTextOnly()) {
                loopElement(node, element);
            } else {
                RichTextNodeText nodeText = new RichTextNodeText();
                nodeText.setType("text");
                nodeText.setText(element.getText());
                node.getChildren().add(nodeText);
            }
            // add to parent node
            nodeParent.getChildren().add(node);
        }
    }
}

public class RichTextNode {
    private String                  name;
    private HashMap<String, String> attrs;
    private List<Object>            children;
    public RichTextNode() {
        super();
        this.attrs = new HashMap<String, String>();
        this.children = new ArrayList<Object>();
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public HashMap<String, String> getAttrs() {
        return attrs;
    }
    public void setAttrs(HashMap<String, String> attrs) {
        this.attrs = attrs;
    }
    public List<Object> getChildren() {
        return children;
    }
    public void setChildren(List<Object> children) {
        this.children = children;
    }
}

public class RichTextNodeText {
    private String type;
    private String text;
    public String getType() {
        return type;
    }
    public void setType(String type) {
        this.type = type;
    }
    public String getText() {
        return text;
    }
    public void setText(String text) {
        this.text = text;
    }
}

這(this)裏測試了(Got it)簡單的(of)圖文編輯沒有問題(html層級隻有2層)，暫未測試更複雜的(of)多層嵌套的(of)html（例如直接複制網頁内容粘貼過來(Come)）。

後續發現将html當成簡單xml來(Come)解析隻能處理簡單的(of)内容，最後改成jsoup來(Come)解析
/article_90.html