| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 | <!DOCTYPE html><html><head>  <meta charset="utf-8">  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">  <link rel="stylesheet" href="../../css/froala_editor.css">  <link rel="stylesheet" href="../../css/froala_style.css">  <style>    body {      text-align: center;    }    section {      width: 81%;      margin: auto;      text-align: left;    }  </style></head><body>  <section id="editor">    <div id='edit' style="margin-top: 30px;">      <h1>Predefined Height</h1>      <p>Set a specific height to the WYSIWYG HTML editor using the <a          href="https://www.froala.com/wysiwyg-editor/docs/options#height" target="_blank"          title="height option">height</a> option. If the text inside is longer, then the rich text editor will get a        vertical scrollbar.</p>    </div>  </section>  <script type="text/javascript" src="../../js/froala_editor.min.js"></script>  <script type="text/javascript" src="../../js/plugins/link.min.js"></script>  <script>    (function () {      new FroalaEditor("#edit", {        height: 300      })    })()  </script></body></html>
 |