Question

我需要以用户友好的格式表达HTML标记，然后将它们呈现为网页上的实际HTML。

例如，假设用户希望此链接显示在页面上：

<a href="http://stackoverflow.com">Stack Overflow</a>

我的普通用户不熟悉HTML，所以我在考虑让他/她使用JSON。像这样：

{Link:{Title:"Stack Overflow",URL:"http://stackoverflow.com"}}

然后我会使用JSON解析器来呈现页面上的实际HTML。相同的方法适用于其他HTML标签（图像，按钮等）。

这已经完成了吗？是否有关于如何在JSON中表达HTML标签的约定？

谢谢！

Answer 1

ExtJS's DOMHelper class提供如下语法：

{
    id: 'my-ul',
    tag: 'ul',
    cls: 'my-list',
    children: [
        {tag: 'li', id: 'item0', html: 'List Item 0'},
        {tag: 'li', id: 'item1', html: 'List Item 1'},
        {tag: 'li', id: 'item2', html: 'List Item 2'}
    ]
}

Answer 2

所以似乎有一种称为“轻量级标记语言”的语言就是这样做的。感谢@zerocrates指点。我在这里找到了更多细节（包括每个实现语言或平台）： http://en.wikipedia.org/wiki/Lightweight_markup_language

另外，很高兴知道ExtJS有这样的语法（感谢@ Pumbb80）。它只是在我的情况下不起作用，因为我的目标是最终用户。

用于描述HTML标记的JSON

2 个答案: