]> BookStack Code Mirror - bookstack/blob - resources/views/editor-test.blade.php
Started playing with prosemirror
[bookstack] / resources / views / editor-test.blade.php
1 @extends('layouts.simple')
2
3 @section('head')
4     <link rel=stylesheet href="https://prosemirror.net/css/editor.css">
5 @endsection
6
7 @section('body')
8     <div class="container">
9
10         <div>
11             <input id="markdown-toggle" type="checkbox">
12         </div>
13
14         <div id=editor style="margin-bottom: 23px"></div>
15
16         <div id="content" style="display: none;">
17             <h2>This is an editable block</h2>
18             <p>Lorem ipsum dolor sit amet, <strong>consectetur adipisicing</strong> elit. Asperiores?</p>
19             <p><img src="/user_avatar.png" alt="Logo"></p>
20             <ul>
21                 <li>Item A</li>
22                 <li>Item B</li>
23                 <li>Item C</li>
24             </ul>
25             <p>Lorem ipsum dolor sit amet.</p>
26         </div>
27
28     </div>
29 @endsection
30
31
32 @section('scripts')
33     <script src="{{ versioned_asset('dist/editor.js') }}" nonce="{{ $cspNonce }}"></script>
34 @stop