JSON 来描述 HTML 标签

发布于 2024-10-31 18:40:40 字数 429 浏览 1 评论 0原文

我需要以用户友好的格式表达 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 标签有任何约定吗？

谢谢！

原文

I have a need to express HTML tags in a user friendly format, and then render them as actual HTML on a Web Page.

For example, imagine that a user would like this link to show up on the page:

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

My average user is not familiar with HTML, so I was thinking about letting him/her use JSON instead. Something like this:

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

I would then use a JSON parser to render the actual HTML on the page. The same method would apply to other HTML tags (images, buttons, etc.).

Has this already been done? Are there any conventions on how to express HTML tags in JSON?

Thanks!

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

送你一个梦 2024-11-07 18:40:40

ExtJS 的 DOMHelper 类提供如下语法：

{
    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'}
    ]
}

ExtJS's DOMHelper class provides a syntax like this:

{
    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'}
    ]
}

回复收藏 0 原文