Question

当我输入此输入字段时：

<fieldset class="usp-title">
  <label for="user-submitted-title"><?php esc_html_e('Search', 'usp'); ?></label>
  <input id="user-submitted-title" 
         name="user-submitted-title" 
         type="text" 
         value="" 
         placeholder="<?php esc_attr_e('Search', 'usp'); ?>"<?php if (usp_check_required('usp_title')) echo $usp_required; ?> class="usp-input">
</fieldset>

我希望它能自动输入这个字段，但这里的文字应该被标签所包围：

<fieldset class="usp-content">
  <?php if ($usp_options['usp_richtext_editor'] == true) { ?>

  <div class="usp_text-editor">
    <?php $usp_rte_settings = array(
      'wpautop' => true,  // enable rich text editor
      'media_buttons' => true,  // enable add media button
      'textarea_name' => 'user-submitted-content', // name
      'textarea_rows' => '10',  // number of textarea rows
      'tabindex' => '',    // tabindex
      'editor_css' => '',    // extra CSS
      'editor_class' => 'usp-rich-textarea', // class
      'teeny' => false, // output minimal editor config
      'dfw' => false, // replace fullscreen with DFW
      'tinymce' => true,  // enable TinyMCE
      'quicktags' => true,  // enable quicktags
      'drag_drop_upload' => true,  // enable drag-drop
    );
    $usp_rte_settings = apply_filters('usp_editor_settings', $usp_rte_settings);
    $usp_editor_content = apply_filters('usp_editor_content', '');
    wp_editor($usp_editor_content, 'uspcontent', $usp_rte_settings); ?>
  </div>
  <?php } else { ?>

    <label for="user-submitted-content"><?php esc_html_e('Post Content', 'usp'); ?></label>
    <textarea id="user-submitted-content" name="user-submitted-content" rows="5" placeholder="<?php esc_attr_e('Post Content', 'usp'); ?>"<?php if (usp_check_required('usp_content')) echo $usp_required; ?> class="usp-textarea"></textarea>
        <?php } ?>

</fieldset>

第二个字段应该由[bbcode]copied from input[bbcode]

获取文本

Answer 1

只需在'from'文本框中添加一个keyup事件，并设置'to'文本框/区域的值

-Djxl.encoding=ISO-8859-1

$('#user-submitted-title').on('keyup',function(e){
  $('#user-submitted-content').val('[bbcode]'+ $(this).val() +'[bbcode]');
});

Answer 2

// When the user types a letter

$("#user-submitted-title").keyup(function(){
  // Grab the value, append the tags and drop it into the textarea
  $("#user-submitted-content").val("[bbcode]"+$(this).val()+"[bbcode]"); 
});

自动输入从输入到textarea并在textarea中包装文本？

2 个答案: