自动从输入输入到文本区域并将文本换行到文本区域？

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' textbox/area

的值

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='user-submitted-title'/>
<textarea id='user-submitted-content'></textarea>

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]"); 
});

自动从输入输入到文本区域并将文本换行到文本区域？

Auto type from input to textarea and wrap text in textarea?

javascript

php

jquery

textarea

input