TinyMCE编辑器右键粘贴不起作用

Question

public async ngAfterViewInit(): Promise<void> {
    tinymce.init({
        selector: `textarea#${this.identifier}`,
        menubar: false,
        contextmenu: "copy paste",
        mobile: {
            theme: 'silver'
        },
        readonly: !this.arguments.isEditMode,
        language: this._applicationService.applicationLanguage.replace('-', '_'),
        plugins: 'print autoresize preview fullpage importcss searchreplace autolink directionality visualblocks visualchars fullscreen image link media template codesample table charmap hr pagebreak nonbreaking anchor toc insertdatetime advlist lists imagetools textpattern noneditable help charmap emoticons',
        toolbar: 'undo redo | bold italic underline strikethrough | fontsizeselect formatselect | alignleft aligncenter alignright alignjustify | outdent indent | numlist bullist | insertfile image media link | table | preview fullscreen',
        paste_as_text: true,
        fontsize_formats: '8pt 8.5pt 9pt 9.5pt 10pt 10.5pt 11pt 11.5pt 12pt 12.5pt 14pt 14.5pt 16pt 16.5pt 18pt 18.5pt 20pt 20.5pt 22pt 22.5pt 24pt 24.5pt 26pt 26.5pt 30pt 30.5pt 36pt 36.5pt'}

这是我的代码，当我右键单击时，我在上下文菜单中有复制和粘贴选项，复制有效，但粘贴无效。 我该怎么做才能解决它？

Answer 1

我认为您无法在大多数现代浏览器上做您想做的事情。

如果您尝试使用 TinyMCE 中内置的剪切/复制/粘贴工具栏按钮或菜单选项，您会在大多数浏览器中看到：

"您的浏览器不支持直接访问剪贴板。请 请改用 Ctrl+X/C/V 键盘快捷键。”

正如来自编辑器的消息所述，这只是对在某些浏览器中您可以/不能直接通过 JavaScript 执行的操作的限制。

想象一下，如果您的任意 JavaScript 可以随时访问剪贴板，您会做什么？ “坏人”不遵守规则，那么如果（在加载网页时）他们的 JavaScript 可以从剪贴板中抓取所有内容并将其发送到他们的服务器，该怎么办？

随着时间的推移，浏览器制造商意识到直接访问剪贴板是“不好的”......通过让用户键入 CRTL+C 和 CRTL+V，您实际上是在告诉浏览器您希望它访问剪贴板。

IE11 确实允许通过旧版 API 进行访问，但目前没有其他浏览器完全支持剪贴板 API，因此复制剪贴板中的内容的唯一方法是使用键盘。

注意： 使用copy 在剪贴板中放置内容适用于更广泛的浏览器集合，但以编程方式访问剪贴板以获取其内容（第一步由于上述原因，在现代浏览器中不会发生 paste)。