<textarea> jQuery（）を呼び出した後、要素が空です。wrapInner

Question

私はtextareaを持っていますが、divでコンテンツをラップしようとしています。

HTML

<textarea class="wp-editor-area" rows="20" autocomplete="off" cols="40" name="wprss_ftp_post_prepend" id="wprsspostprepend">Hello World!</textarea> 

jQueryの

jQuery(document).ready(function($){ 
    $('#wprsspostprepend').wrapInner("<div id='random-wrap'></div>"); 
}); 

私はそれはコンテンツがあった場合でも、テキストエリアを空白のままにこのコードを実行すると、私が間違っているものにのように途方に暮れています。

Answer 1

textareaにはリテラルテキストしか含めることができません。あなたがタグエディタ内で許可されるようにしたい場合は、代わりにpre要素を使用します。

jQuery(document).ready(function ($) { 
 
    $('#wprsspostprepend').wrapInner('<div id="random-wrap"/>') 
 
})

.wp-editor-area { 
 
    width: 30em; 
 
    height: 20em; 
 
    border: 1px solid #ccc; 
 
} 
 

 
#random-wrap { 
 
    color: #f00; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<pre class="wp-editor-area" autocomplete="off" name="wprss_ftp_post_prepend" contenteditable="true" id="wprsspostprepend">Hello World!</pre>