BookStack Code Mirror - bookstack/blob - resources/views/editor-test.blade.php

   1 @extends('layouts.simple')
   2
   3 @section('body')
   4     <div class="container">
   5
   6         <div>
   7             <input id="markdown-toggle" type="checkbox">
   8         </div>
   9
  10         <div id="editor" class="bs-editor page-content" style="margin-bottom: 23px"></div>
  11
  12         <div id="content" style="display: none;">
  13             <h2>This is an editable block</h2>
  14             <p>
  15                 Lorem ipsum dolor sit amet, <strong>consectetur adipisicing</strong> elit. Asperiores? <br>
  16                 Some <span style="text-decoration: underline">Underlined content</span> Lorem ipsum dolor sit amet. <br>
  17                 Some <span style="text-decoration: line-through;">striked content</span> Lorem ipsum dolor sit amet. <br>
  18                 Some <span style="color: red;">Red Content</span> Lorem ipsum dolor sit amet. <br>
  19                 Some <a href="https://cats.com" target="_blank" title="link A">Linked Content</a> Lorem ipsum dolor sit amet. <br>
  20             </p>
  21
  22             <table style="width: 100%;">
  23                 <thead>
  24                 <tr>
  25                     <th>Header A</th>
  26                     <th>Header B</th>
  27                 </tr>
  28                 </thead>
  29                 <tbody>
  30                 <tr>
  31                     <td style="width: 250px; height: 30px">Content 1</td>
  32                     <td style="width: 320px; height: 30px">Content 2</td>
  33                     <td style="width: 320px; height: 30px">Content 2</td>
  34                 </tr>
  35                 <tr>
  36                     <td colspan="2">Row 2, Spanning 2</td>
  37                     <td>Row 2 spanning 1</td>
  38                 </tr>
  39                 <tr>
  40                     <td rowspan="2">Row 3/4, Column 1</td>
  41                     <td>Row 3, Column 2</td>
  42                     <td>Row 3, Column 3</td>
  43                 </tr>
  44                 <tr>
  45                     <td>Row 4, Column 2</td>
  46                     <td>Row 4, Column 3</td>
  47                 </tr>
  48                 </tbody>
  49             </table>
  50
  51 {{--            <iframe width="560" height="315" src="https://www.youtube.com/embed/n6hIa-fPx0M" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>--}}
  52
  53             <p><img src="/user_avatar.png" alt="Logo"></p>
  54             <ul>
  55                 <li>Item A</li>
  56                 <li>Item B</li>
  57                 <li>Item C</li>
  58             </ul>
  59
  60             <p>Lorem ipsum dolor sit amet.</p>
  61
  62             <hr>
  63
  64             <p class="align-right">Lorem ipsum dolor sit amet.</p>
  65
  66             <p class="callout info">
  67                 This is an info callout test!
  68             </p>
  69         </div>
  70
  71     </div>
  72 @endsection
  73
  74
  75 @section('scripts')
  76     <script src="{{ versioned_asset('dist/editor.js') }}" nonce="{{ $cspNonce }}"></script>
  77 @stop