tinymce 右击显示菜单

tinymce 第三方插件如何实现 右击显示工具栏
想要实现的效果如下:

img

以下答案引用自GPT-3大模型,请合理使用:

。

工具栏是由两部分组成的:左侧的工具栏和右侧的工具栏。左侧的工具栏只能显示在编辑器窗口的左侧,右侧的工具栏可以显示在编辑器窗口的右侧也可以隐藏。

右击栏目tinymce 第三方插件如何实现

如果我的回答解决了您的问题,请采纳我的回答

要实现tinymce第三方插件右击显示工具栏,你需要做以下步骤:

1.在tinymce初始化的配置中启用右键菜单,可以在配置中设置contextmenu: "link"等配置选项。

2.使用tinymce API在右键菜单中添加自定义菜单项。例如,你可以使用以下代码添加新的右键菜单项:

tinymce.activeEditor.addMenuItem("myitem", {
    text: "My Menu Item",
    context: "link",
    onclick: function() {
        // Your custom code to be executed when the menu item is clicked
    }
});

3.在点击右键菜单项时,在代码中执行你想要的操作,比如显示工具栏等。
这是一个简单的例子,你可以根据自己的需求进行更深入的定制。希望这对你有所帮助。

朋友,你这看着不是右键菜单,像是个在光标位置显示快速工具栏。
实现方法见下:

setting: {
    quickbars_selection_toolbar: "removeformat | bold italic underline strikethrough | fontsizeselect forecolor backcolor"
}
```javascript


![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/68362025367613.png "#left")
不知道你这个问题是否已经解决, 如果还没有解决的话:

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^