为什么这个自定义编辑器不起作用：Tour Builder WordPress插件？

Question

了解我的问题请参阅此Click HERE

以下是步骤设定代码：

<div class="group-inside">

            <?php $mb->the_field('steptitle'); ?>
            <p><label>Step Title</label></p>
            <p><input type="text" size="60" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>"/></p>

            <p class="warning update-warning"><?php _e( 'Sort order has been changed.  Remember to save the post to save these changes.' );?></p>
            <?php
            // 'html' is used for the "Text" editor tab.
            if ( 'html' === wp_default_editor() ) {
                add_filter( 'the_editor_content', 'wp_htmledit_pre' );
                $switch_class = 'html-active';
            } else {
                add_filter( 'the_editor_content', 'wp_richedit_pre' );
                $switch_class = 'tmce-active';
            }
            ?>
            <?php $mb->the_field('textarea'); ?>
            <p><label>Step Description</label></p>
            <div class="customEditor wp-core-ui wp-editor-wrap <?php echo 'tmce-active'; //echo $switch_class;?>">          
                <div class="wp-editor-tools hide-if-no-js">
                    <div class="wp-media-buttons custom_upload_buttons">
                        <?php do_action( 'media_buttons' ); ?>
                    </div>
                    <div class="wp-editor-tabs">
                        <a data-mode="html" class="wp-switch-editor switch-html"> <?php _ex( 'Text', 'Name for the Text editor tab (formerly HTML)' ); ?></a>
                        <a data-mode="tmce" class="wp-switch-editor switch-tmce"><?php _e('Visual'); ?></a>
                    </div>
                </div><!-- .wp-editor-tools -->
                <div class="wp-editor-container">
                      <textarea class="wp-editor-area" rows="10" cols="50" name="<?php $mb->the_name(); ?>" rows="3"><?php echo esc_html( apply_filters( 'the_editor_content', html_entity_decode( $mb->get_the_value() ) ) ); ?></textarea>
                </div>
                // Here is the problem
                <p><span><?php _e('Enter in some text');?></span></p>
            </div> <!-- .end-editor-tools -->

            <?php $selectedst = ' selected="selected"'; ?>
            <?php $mb->the_field('steptype'); ?>
            <p><label>Step Type</label></p>
            <p><select name="<?php $mb->the_name(); ?>">
            <option value=""></option>
            <option value="modal"<?php if ($mb->get_the_value() == 'modal') echo $selectedst; ?>>Modal</option>
            <option value="tooltip"<?php if ($mb->get_the_value() == 'tooltip') echo $selectedst; ?>>Tooltip</option>
            <option value="nohighlight"<?php if ($mb->get_the_value() == 'nohighlight') echo $selectedst; ?>>No Highlight</option>
            </select></p>

            <?php $selectedwt = ' selected="selected"'; ?>
            <?php $mb->the_field('wraptype'); ?>
            <p><label>Wrapper Type</label><p>
            <select name="<?php $mb->the_name(); ?>">
            <option value=""></option>
            <option value="id"<?php if ($mb->get_the_value() == 'id') echo $selectedwt; ?>>ID</option>
            <option value="class"<?php if ($mb->get_the_value() == 'class') echo $selectedwt; ?>>Class</option>
            <option value="name"<?php if ($mb->get_the_value() == 'name') echo $selectedwt; ?>>Name</option>
            </select></p>

            <?php $mb->the_field('wrapname'); ?> 
            <p> <label>Wrapper Selector </label></p>
            <span>for class insert the point. Eg. ".entry-title"</span>
            <p><input type="text" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>"/>
            </p>

            <?php $mb->the_field('stepwidth'); ?> 
            <p> <label>Width </label></p>
            <p> <input type="text" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>"/>
            </p>


            <?php $selectedpos = ' selected="selected"'; ?>
            <?php $mb->the_field('steppos'); ?>
            <p><label>Position</label></p> 
            <p> <select name="<?php $mb->the_name(); ?>">
            <option value=""></option>
            <option value="top"<?php if ($mb->get_the_value() == 'top') echo $selectedpos; ?>>Top</option>
            <option value="bottom"<?php if ($mb->get_the_value() == 'bottom') echo $selectedpos; ?>>Bottom</option>
            <option value="right"<?php if ($mb->get_the_value() == 'right') echo $selectedpos; ?>>Right</option>
            <option value="left"<?php if ($mb->get_the_value() == 'left') echo $selectedpos; ?>>Left</option>
            </select></p>

            <?php $selectedwd = ' selected="selected"'; ?>
            <?php $mb->the_field('wrapdrag'); ?>
            <p><label>Draggable</label><p>
            <select name="<?php $mb->the_name(); ?>">
            <option value=""></option>
            <option value="no"<?php if ($mb->get_the_value() == 'no') echo $selectedwd; ?>>No</option>
            <option value="yes"<?php if ($mb->get_the_value() == 'yes') echo $selectedwd; ?>>Yes</option>
            </select></p>

            <?php $mb->the_field('steprotation'); ?>
            <p><label>Rotation (degrees)</label></p>
            <p><input type="text" size="60" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>"/></p>

            <?php $mb->the_field('stepredirect'); ?>
            <p><label>Redirect Url</label></p>
            <span>Always insert prefix http://</span>
            <p><input type="text" size="60" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>"/></p>

          <?php /*?>  <?php $mb->the_field('steptime'); ?>
            <p><label>Time</label></p>
            <p><input type="text" size="60" name="<?php $mb->the_name(); ?>" value="<?php $mb->the_value(); ?>"/></p><?php */?>

        </div><!-- .group-inside -->
    </div><!-- .group-wrap -->

当我按文字按钮或视觉按钮步骤描述时，没有任何更改，屏幕保持不变或此文本区域为隐藏，所以有了这个，我无法输入我的文字。如何使这个文本区域工作，所以我可以输入这个文本区域？

图片更清晰地描述：