Question

＆lt; p＆gt;我有一个textarea，我试图用div包装内容。＆lt; / p＆gt; ＆lt; p＆gt; HTML＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt;＆lt; textarea class =“wp-editor-area”rows =“20”autocomplete =“off”cols =“40”name =“wprss_ftp_post_prepend”id =“wprsspostprepend”＆gt; Hello World！＆LT; / textarea的＆GT; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt; jQuery＆lt; / p＆gt; ＆lt; pre＆gt;＆lt; code＆gt; jQuery（document）.ready（function（$）{ $（'＃wprsspostprepend'）。wrapInner（“＆lt; div id ='random-wrap'＆gt;＆lt; / div＆gt;”）; }）; ＆LT; /代码＆GT;＆LT; /预＆GT; ＆lt; p＆gt;当我运行此代码时，即使有内容，它也会将textarea留空，我不知道是什么问题。＆lt; / p＆gt;

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>

调用jQuery（）。wrapInner后，<textarea>元素为空

1 个答案: