# 获取 JSON 格式的内容
可以通过`editor.txt.getJSON`获取 JSON 格式的编辑器的内容,`v3.0.14`开始支持,示例如下
```html
<div id="div1">
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png" style="max-width:100%;"/>
</div>
<button id="btn1">getJSON</button>
<script type="text/javascript" src="/wangEditor.js"></script>
<script type="text/javascript">
var E = window.wangEditor
var editor = new E('#div1')
editor.create()
document.getElementById('btn1').addEventListener('click', function () {
var json = editor.txt.getJSON() // 获取 JSON 格式的内容
var jsonStr = JSON.stringify(json)
console.log(json)
console.log(jsonStr)
})
</script>
```
-----
如果编辑器区域的 html 内容是如下:
```html
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png" style="max-width:100%;"/>
```
那么获取的 JSON 格式就如下:
```json
[
{
"tag": "p",
"attrs": [],
"children": [
"欢迎使用 ",
{
"tag": "b",
"attrs": [],
"children": [
"wangEditor"
]
},
" 富文本编辑器"
]
},
{
"tag": "img",
"attrs": [
{
"name": "src",
"value": "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png"
},
{
"name": "style",
"value": "max-width:100%;"
}
],
"children": []
},
{
"tag": "p",
"attrs": [],
"children": [
{
"tag": "br",
"attrs": [],
"children": []
}
]
}
]
```
- 介绍
- 开始使用
- 创建一个编辑器
- 使用JS模块定义
- 菜单和编辑区域分离
- 单页面多个编辑器
- 禁用编辑器
- 内容处理
- 设置内容
- 获取内容
- 使用textarea
- 获取JSON
- 参数配置
- 配置菜单
- debug模式
- onchange
- 配置编辑区域z-index
- 多语言
- 粘贴文本
- 插入网络图片回调
- 插入链接的校验
- 插入网络图片的校验
- onfocus
- onblur
- 配置颜色
- 配置表情
- 配置字体
- 上传图片
- tab显示和隐藏
- base64格式保存图片
- 上传图片到服务器
- 上传到七牛云存储
- 其他
- 全屏-预览-查看源码
- 上传附件
- 关于markdown
- xss攻击
- 用于React
- 用于Vue
- 用于angular
- 常用API