1、第一行是一个代码块

2、第二行是一个 H 标题

3、现在我希望在代码块和标题中间插入一行普通文本很困难。代码块末尾没办法回车出新行，标题前回车出的新行又带有标题大小属性，操作就很繁琐，是否有优化空间？

删除 H 标题的时候，后面的文档为什么会跟进到光标上，是否可以删除 H 标题是和删除普通文本一样，删除完后保留空行

更新了 3.8.2 版本，自定义渲染的大纲， dom 上的 `data-target-id 属性都没有掉了，这是怎么回事儿？

Vditor.preview(document.getElementById(this.id), this.docContent, {
        hljs: {
          style: 'monokai' // vim
        },
        after: async () => {
          await this.refreshOutline()
          const element = document.getElementById('preview-outline')
          element.firstElementChild && element.firstElementChild.addEventListener('click', (event) => {
            let target = event.target
            while (target && !target.isEqualNode(element)) {
              const dom = document.getElementsByClassName('details-center')[0]
              const targetId = target.getAttribute('data-target-id')
              if (targetId) {
                event.preventDefault()
                event.stopPropagation()
                dom.scrollTo(0, document.querySelectorAll(`[id="${targetId}"]`)[0].offsetTop - 30)
                break
              }
              target = target.parentElement
            }
          })
        }
      })

@Vanessa 工具栏自定义按钮怎么往编辑区域插入内容，有示例 demo 可以参考吗？

上传的菜单按钮的 tip 提示：上传图片或文件 是否可以自定义？根据业务需求，只允许上传图片，但是描述与功能不符，是否可以改？

为什么我的大纲结构跟官方示例的不一样？这是怎么回事？有哪位知道吗？

我的结构是这样的：

<li>
	<span data-target-id="wysiwyg-团队_0">
		<svg class="vditor-outline__action"></svg>
		<span>团队</span>
	</span>
</li>

官方的是这样的：

<div data-id="wysiwyg-教程_3" class="vditor-outline__item">  教程</div>