如何在古腾堡自定义区块中保存快捷代码？

时间：2019-03-28 作者：Eduilson Rodrigues da Silva

我正在创建一个Gutenberg块，并在save函数中返回一个短代码。当我单击保存页面时，会显示一条消息：“更新失败”，但当我检查前端时，它已保存。可能发生什么错误？

save: props => {
    return \'[custom-shortcode param_1="value_1" param_2="value_2" /]\';
}

1 个回复
最合适的回答,由SO网友:ant-C 整理而成

您要查找的是要在前端呈现的RawHTML。

要在帖子中使用播放器短代码，您可以使用下面的代码记住，编辑函数需要镜像保存函数的标记，以便古腾堡验证块。

包括RawHTML：

const { RawHTML } = wp.element;
&保存；编辑功能：

edit: function( props ) {
    return (
        <div>
            <RawHTML></RawHTML>
        </div>
    );
},
save: function( props ) {
    var myShortcode = \'[custom-shortcode param_1="value_1" param_2="value_2" /]\';
    return (
        <div>
            <RawHTML>{ myShortcode }</RawHTML>
        </div>
    );
},

标签： shortcode   block-editor   小码农  

相关推荐

redirect if shortcode exists

WordPress初学者。我试图检查用户请求的页面中是否存在短代码，如果存在，则在用户未登录时重定向。function redirect_to_home() { if (has_shortcode(get_the_content(), \'shortcode\')) { if(!is_admin() && !is_user_logged_in()) { //redirect exit(); }