CodeMirror是一個基于JavaScript的代碼編輯器，能夠支持多種編程語言及數據格式的語法高亮和代碼補全功能。其中，展示JSON數據也是CodeMirror的一大優勢。

// 示例 JSON 數據
{
"id": 1,
"name": "張三",
"age": 20,
"gender": "male",
"hobbies": [
"reading",
"running",
"swimming"
],
"contact": {
"phone": "18888888888",
"email": "zhangsan@test.com",
"qq": "123456789"
}
}

為了在CodeMirror編輯器中展示JSON數據，可以按照以下步驟進行：

1. 首先，需要引入CodeMirror編輯器所需的CSS和JavaScript文件?？梢酝ㄟ^CDN或者下載后引入本地文件。

2. 在HTML中創建一個預留展示JSON的div元素，并在JavaScript中根據該元素創建一個CodeMirror實例。

// HTML
<div id="json-display"></div>// JavaScript
var jsonDisplay = document.getElementById('json-display');
var jsonEditor = CodeMirror(jsonDisplay, {
value: '',
mode: 'application/json',
lineNumbers: true,
readOnly: true
});

3. 設置CodeMirror實例的語言模式（mode）為application/json，readOnly屬性為true，使其只讀展示JSON數據。

4. 將JSON數據作為CodeMirror實例的value屬性值傳入，即可在CodeMirror編輯器中展示JSON數據。

通過以上幾個步驟，就可以在CodeMirror編輯器中非常方便地展示JSON數據了。同時，CodeMirror還提供了一些JSON編輯相關的插件和擴展功能，例如代碼的折疊和展開、格式化工具等等。這些功能的詳細使用方法可以在CodeMirror的官方文檔中找到。