Tinymce:在编辑器外部创建一个自定义工具栏,如图所示

Tinymce:在编辑器外部创建一个自定义工具栏,如图所示,tinymce,text-editor,tinymce-plugins,tinymce-5,Tinymce,Text Editor,Tinymce Plugins,Tinymce 5,我需要一些关于如何实现上述目标的指导。其想法是在光标旁边显示加号图标,用户可以轻松地单击它并插入他们选择的项目。我觉得这是一个伟大的UX 非常感谢您的帮助 您可以使用.setContent()方法以编程方式向编辑器添加内容: 下面是一个小提琴演示: 在那把小提琴中,我还禁用了菜单栏和工具栏,将它们设置为false。 此外,您还可以使用.execCommand()方法从编辑器自身外部以编程方式触发其他编辑器命令: 以下是可用命令的列表: 是的,我已经实现了类似的功能。谢谢,这让我确认我走在

我需要一些关于如何实现上述目标的指导。其想法是在光标旁边显示加号图标,用户可以轻松地单击它并插入他们选择的项目。我觉得这是一个伟大的UX


非常感谢您的帮助

您可以使用
.setContent()
方法以编程方式向编辑器添加内容:

下面是一个小提琴演示:

在那把小提琴中,我还禁用了
菜单栏
工具栏
,将它们设置为
false

此外,您还可以使用
.execCommand()
方法从编辑器自身外部以编程方式触发其他编辑器命令:

以下是可用命令的列表:

是的,我已经实现了类似的功能。谢谢,这让我确认我走在正确的道路上。但是,我真正需要做的是始终保持打开下拉菜单的加号图标位于光标旁边。你知道我该怎么做吗?它与quickinsert非常相似,但是除非用户已经集中注意力,否则quickinsert会一直显示