textarea {
box-sizing: border-box;
width: 100%;
+ height: 200px
}
/* optional */
.peach_html5_editor {
<h1>Peach HTML5 Editor test page (compiled version)</h1>
<p>This version of the editor test page requires that you've compiled all the source files. (Just run <code>make</code>).</p>
<form action="#" method="get">
- <p>HTML view. Changes here propagate when you remove your cursor (press tab or click outside)<br><textarea rows="9" cols="22" name="in" id="in"><p> a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z <strong>Bold <em> Italic + Bold</strong> Italic </em> Normal</p>
+ <p>HTML view. Changes here propagate when you remove your cursor (press tab or click outside)<br><textarea name="in" id="in"><p> a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z a b c d e f g h i j k l m n o p q r s t u v w x y z <strong>Bold <em> Italic + Bold</strong> Italic </em> Normal</p>
<p style="white-space: pre-wrap">this &lt;p&gt; has white-space: pre-wrap</p>
<div>