将HTML字符串转换为JavaScript对象

Question

我构建了一个非常简单的RTE，它允许我为我的文本着色并使其变粗。我使用过iframe和designmode。

我现在得到的是这样的：

this is my Text which is <strong>strong</strong> and <font color="#ff0000">colored</font> or <strong><font-color="#00ff00">both</font></strong>

现在我想将此HTML转换为JavaScript对象，以使用SnapSvg将其转换为SVG。为此，我尝试了许多不同的正则表达式，但我从未使用过很多，结果不是我需要的。

我正在尝试这样的事情：

function getMatches (text) {
    var regexp = /<[^>]*>/; 
    var matches = regexp.exec(text);
    if(matches !== null) {
        console.log(matches);
    }
}

有没有人有更好的正则表达式，或者想知道如何获得我需要的对象？