通过前端和剪贴板复制和粘贴到WordPress的“代码编辑器”代码

时间:2021-08-26 作者:user210686

我正试图效仿这些人用他们的;复制代码“;按钮:https://gutenberghub.com/templates/team-56

他们的方法非常适合复制到剪贴板并直接粘贴到Wordpress块编辑器中,可以在编辑器的后端,也可以通过前端(只需将其粘贴到新块字段中,它就会自动创建块)。

我开发了一个插件,它工作得很好,可以将我需要的代码粘贴到剪贴板上。

如果粘贴到代码编辑器,效果会很好。

但是,当我将代码粘贴到块编辑器的前端时,它会将其转换为预先格式化的内容,而不是自动转换为代码所表示的块。

然而,如果我先将相同的代码从剪贴板中放到编辑器中,例如BBEdit,然后再复制它,则效果很好。因此,似乎内容是正确的,但格式是错误的。就像我需要把它变成纯文本一样?

请看我在这段视频中的意思:

https://vimeo.com/592493785/77dbc8f885

古腾堡中心剪贴板内容不会出现这种情况。

任何帮助都将不胜感激。

谢谢

亚历克斯。

1 个回复
SO网友:Alex B

我想出来了。

我正在使用剪贴板。js发现,使数据剪贴板以文本区域为目标,即从纯文本元素进行复制,其效果与粘贴到文本编辑器中的效果相同。

谢谢

亚历克斯。

相关推荐

将代码添加到子级的主题css和php不能覆盖某些元素

我已经安装了二十一主题,并在此基础上创建了一个子主题。我复制了整个风格。来自父主题的css,以及我想要对子主题的css和大多数css工作所做的所有更改,但少数css无法覆盖。我还尝试添加!这很重要,但也不起作用。在第一个示例中,背景颜色:#448fbf应用于子主题,但在加载网站时不会显示。它仍然作为父主题的背景色。第一个截图来自我的WP仪表板,第二个截图来自chrome的inspector。在第二个示例中,-webkit外观:none未应用于子主题。我想知道是不是主题本身导致了这个问题。我在这个主题上花了