TinyMCE 目录插件似乎已禁用答案

【问题标题】：TinyMCE Table of Contents plugin seems disabledTinyMCE 目录插件似乎已禁用
【发布时间】：2021-04-19 00:19:54
【问题描述】：

我想要做的是，在我的 TinyMce 5 编辑器中添加一个目录插件。我正在使用 react，而且我的 TinyMCE 处于 reactstrap 模式。当我尝试添加其他插件时，它们可以正常工作。当我尝试将目录插件添加到编辑器时，除了目录之外，一切看起来都很好。它是不可点击的，我认为它已被禁用。我检查了 html 代码，该项目上有 aria-diasabled: true。顺便说一句，我是 react 新手。

这是问题的截图：

https://i.stack.imgur.com/iRFwq.png

这是我的代码：

<Editor
                    initialValue="<p>This is the initial content of the editor</p>"
                    init={{
                      height: 500,
                      menubar: "insert file",
                      plugins: [
                        "advlist autolink lists link image charmap print preview anchor",
                        "searchreplace visualblocks code fullscreen",
                        "insertdatetime media table paste code help wordcount",
                        "toc fullpage",
                      ],
                      toolbar:
                        // eslint-disable-next-line no-multi-str
                        "undo redo | formatselect | bold italic backcolor | \
                        alignleft aligncenter alignright alignjustify | \
                        bullist numlist outdent indent | removeformat | help\
                        toc fullpage",
                    }}
                    onEditorChange={this.handleEditorChange}
                  />

有什么解决办法吗？

【问题讨论】：

标签： reactjs tinymce reactstrap tableofcontents

【解决方案1】：

我相信你误解了那个插件的作用。根据文档页面：

toc 插件会生成一个基本的目录并插入它在当前光标位置进入编辑器。桌子的物品将从内容中找到的标题中获取。

如果您的内容没有标题 (h1 --> h6)，则没有可用于创建目录的数据。如果您的内容具有此类标题标签，则菜单选项将可用，并且将根据编辑器中的内容创建目录。

【讨论】：