TinyMCE 目录插件似乎已禁用

如何解决TinyMCE 目录插件似乎已禁用

我想要做的是，将目录插件添加到我的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}
                  />

有什么解决方案吗？

解决方法

我相信您误解了该插件的作用。根据文档页面：

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

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