Gutenberg-标题字段为必填字段

我想让title 中需要的字段Gutenberg 编辑器界面。

我发现可以使用的PHP函数Classic 编辑器界面，但不带Gutenberg.

我试图添加required 属性，但我仍然可以验证帖子的发布。

<?php  
function wp_required_title_field() {
    ?>
    <script type="text/javascript">
        jQuery(window).load(function() {
            jQuery(\'.editor-post-title textarea\').prop(\'required\',true);
        });
    </script>
    <?php
}

add_action (\'in_admin_footer\' , \'wp_required_title_field\');
?>

我也尝试了另一种方法：

<?php  
function force_post_title() {
    ?>
    <script type="text/javascript">
        jQuery(window).load(function() {
            jQuery(\'.editor-post-publish-button__button\').click(function(){
              var testervar = jQuery(\'.editor-post-title\').find(\'.editor-post-title__input\');
              if (testervar.val().length < 1) {
                  jQuery(\'.editor-post-title\').css(\'border\', \'1px solid red\');
                  $( \'.editor-post-title\' ).after(\'<label>Post title is required</label>\'); // Make it red according your requirement
                  return false;
              }
          });
        });
    </script>
    <?php
}

add_action(\'edit_form_advanced\', \'force_post_title\');
add_action(\'edit_page_form\', \'force_post_title\');
?>

你有什么想法吗？

const { registerPlugin } = wp.plugins; const { PluginPrePublishPanel } = wp.editPost; const { select, dispatch } = wp.data; const { count } = wp.wordcount; const { serialize } = wp.blocks; const { PanelBody } = wp.components; const PrePublishCheckList = () => { let lockPost = false; let message = \'\'; // Get title const postTitle = select( \'core/editor\' ).getEditedPostAttribute( \'title\' ); if ( postTitle === \'\' ) { lockPost = true; message = \'Post Title is required!\'; } // Do we need to lock the post? if ( lockPost === true ) { dispatch( \'core/editor\' ).lockPostSaving(); } else { dispatch( \'core/editor\' ).unlockPostSaving(); } return ( <PluginPrePublishPanel title={ \'Publish Checklist\' }> <p>{message}</p> </PluginPrePublishPanel> ) }; registerPlugin( \'pre-publish-checklist\', { render: PrePublishCheckList }

小码农CODE

相关推荐

使用JavaScript而不是jQuery创建正确的WordPress AJAX请求