css - 如何在网页上动态打印 JSON 文本?

标签 css json format

<分区>

我有一个使用 Twitter Bootstrap 和 JQuery(核心)构建的 HTML5 应用程序。

它是基于 REST 的服务 API 的测试/演示前端。

在此应用程序中,我想显示收到的 JSON。在页面上,就是这样。不是控制台。

我想将 JSON( pretty-print 格式)格式化为更易于阅读。

是否有一种使用 HTML、JavaScript 和 CSS 来实现此目的的简单方法?有我可以使用的组件吗?

此外,但不是那么重要,我想让用户能够输入构成请求正文的 JSON。有没有一种方法可以即时验证 JSON。同样,使用 HTML、CSS 和 JavaScript?

更新:这个问题重复的,可以关闭。它已在其他地方得到回答 - 我应该使用 JSON.parse() 然后是 JSON.stringify(...) - stringify()适用于 JSON 对象,而不是 JSON 文本字符串,因此需要先parse()

最佳答案

我使用了一个名为 Swagger 的库前。它已将大部分组件分离到单独的库中,但这个 Demo显示连接时的外观。

该库将以漂亮的格式打印 JSON,并允许人们输入不同的请求信息。对于您的需要,它可能有点繁重,但某些库可能会有用。

关于css - 如何在网页上动态打印 JSON 文本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25125272/

上一篇:在 Wordpress 站点中使用关键帧进行 CSS 动画/转换

下一篇:html - Bootstrap3 下拉菜单对齐

相关文章:

html - 在背景图像的左侧添加边距

Java : Convert Jackson (JSON) class to Entity (JPA) Class

php - 在 json_decode/多维数组之后访问 JSON 数组

MatLab 单元格日期格式转换

php - 将数组转换为 .txt 文件

css - 具有多个不同图标的超赞字体类

javascript - 如何实现这种 ubereats(以及推特)设计?

javascript - 在我的 View 中重复相同的图表,并且在页面刷新时,图表发生变化

Java string.format() 只工作了一半

html - IE9 错误中的 Z-index