Auto-Typ von Eingabe in Textarea und umbrechen Text in Textarea?

Question

Während ich in diesem Eingabefeld tippe:

<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> 

Ich mag es automatisch in diesem Bereich geben, aber Text hier soll durch Tags sorrounded werden:

<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> 

Zweites Feld soll Text erhalten umgeben von [bbcode]copied from input[bbcode]

Answer 1

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

Answer 2

fügen Sie einfach ein keyup Ereignis in das Textfeld ‚von‘ und legen Sie den Wert des ‚auf‘ Textbox/Gebiet

$('#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>