templates/webpages/test/ckeditor.html

   1 [% USE P %]
   2
   3 <h1>CKeditor</h1>
   4
   5 <h3>standard empty</h3>
   6
   7 [% P.textarea_tag('name1', "", class="texteditor") %]
   8
   9 <h3>prefilled</h3>
  10
  11 [% P.textarea_tag('name2', "<p>this is a text</p>", class="texteditor") %]
  12
  13 <h3>inside form (check if enter triggers form.submit)</h3>
  14
  15 <fieldset>
  16 <form onsubmit="return alert('Submit was triggered');">
  17 [% P.textarea_tag('name3', "<p>Try to hit enter here</p>", class="texteditor") %]
  18 [% P.input_tag('name4', 'and here...') %]
  19 </form>
  20 </fieldset>
  21
  22 <h3>inside div with enter listener</h3>
  23
  24 <fieldset>
  25   <div id='name3div'>
  26     [% P.textarea_tag('name3', "<p>Try to hit enter here</p>", class="texteditor") %]
  27   </div>
  28   <script>
  29     document.querySelector('#name3div').addEventListener('keypress', function(e) {
  30       alert("got keypressed event!" + e);
  31     });
  32   </script>
  33 </fieldset>
  34
  35 <h3>inside div with jquery enter listener</h3>
  36
  37 <fieldset>
  38   <div id='name4div'>
  39     [% P.textarea_tag('name4', "<p>Try to hit enter here</p>", class="texteditor") %]
  40   </div>
  41   <script>
  42     $('#name4div').on('keypress', function(e) {
  43       alert("got keypressed event!" + e);
  44     });
  45   </script>
  46 </fieldset>
  47
  48 <h3>initial focus</h3>
  49
  50 [% P.textarea_tag('name5', "<p>this is a text</p>", class="texteditor texteditor-autofocus") %]
  51
  52 <h3>with custom width/height</h3>
  53
  54 [% P.textarea_tag('name6', "<p>this is a text</p>", style="width: 350px; height: 150px", class="texteditor") %]