问题描述
我想要做的是,将目录插件添加到我的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 的数据。如果您的内容具有此类标题标签,则菜单选项将可用,并且将根据编辑器中的内容创建目录。