如何將漂亮的json格式嵌入html靜態頁面？

Question

我有以下代碼：

 public <T> String toJson(T item)
    {
        String json;
        ObjectWriter ow = new ObjectMapper().writer().withDefaultPrettyPrinter();
        try {
            json = ow.writeValueAsString(item);
        } catch (IOException e) {
            e.printStackTrace();
            json = "";
        }
        return json;
    }

我在服務器端創建了一個靜態html頁面（使用gagawa ）：

    java.util.Map<String, String> paramsMap = filterInterestingQueryParams(url);

    Li li4 = new Li().appendText("special params: " + jsonParser.toJson(paramsMap));

但是我的html看起來壞了。

您如何將地圖美化為html？

*是否可以通過#chars限制行內容？ *一種保持漂亮印刷品的方式？

Answer 1

最簡單的方法是在頁面中添加一些CSS：

 li.wrap { word-wrap:break-word; } 

 <ul> <li>Really long special params: {stickToPath=8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,}</li> <li class="wrap">Really long special params (that wraps): {stickToPath=8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,8484.20202002,-481737.45454,}</li> </ul> 

如您所見，具有wrap類的第二個li包裝在框架邊緣，而另一個則沒有。

---

如果您需要漂亮地打印json，則需要修改輸出HTML並將json包裝在<pre>標記中。 默認情況下，這些將保留換行符和空格。