Wordpress 短代码块转换为块样式和/或块变体
[英]Wordpress Shortcode Block Tranform to Block Style and or Block Variation
gcinfo
2023-02-02 21:46:08
11
0
wordpress/
wordpress-gutenberg/
gutenberg-blocks/
wordpress-shortcode
提示:本站为国内最大中英文翻译问答网站，提供中英文对照查看，鼠标放在中文字句上可显示英文原文。
问题描述
我想知道是否可以使用可以在块上设置类名的 createBlock function 进行块转换。 我还想知道使用 createBlock function 的块转换是否可以针对块变体。
我正在研究 WordPress 短代码块转换，并慢慢弄清楚如何使其工作（参见https://developer.wordpress.org/block-editor/reference-guides/block-api/block-transforms/#shortcode ） . 到目前为止的代码将允许您复制并粘贴到 WordPress 编辑器中（我认为您必须使用右键单击并粘贴匹配 styles {让我知道这是否也是错误的}）并将创建一个包含 2 个段落的组。 我想弄清楚的最后一件事是我是否可以在转换期间将框阴影块样式（已注册）应用于组。 目前我正在尝试使用 className 来做到这一点，并尝试过样式、styles 等...）我试图查看源代码和许多文档页面，但我没有找到是否可行。 我试图只用 className 来做，但它似乎不起作用。
const transforms = {
from: [
{
type: 'shortcode',
tag: ["shadow"],
priority: 1,
transform: ( attrs, shortcodeObj ) => {
return createBlock( 'core/group', { className: "is-style-box-shadow" }, [
createBlock( 'core/paragraph', { content: attrs.named.heading }),
createBlock( 'core/paragraph', { content: shortcodeObj.shortcode.content })
] );
}
}
],
};
这是粘贴到编辑器中的简码
[shadow heading="Heading Test"]
This content should be accessible in the transform
[/shadow]
或者，另一种解决方案是转换为已经定义了块样式的块变体，但我也没有发现这是否可行。 任何建议对于尝试完美复制并粘贴到 WordPress 都非常有帮助。
0 条回复
暂无回复，试试搜索： Wordpress 短代码块转换为块样式和/或块变体。
使用Wordpress简码功能呈现古腾堡块，将属性作为参数发送
[英]Use Wordpress shortcode function to render Gutenberg block, sending the attributes as parameters
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.