mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-07-28 17:02:04 +03:00
83 lines
2.9 KiB
PHP
83 lines
2.9 KiB
PHP
@extends('layouts.simple')
|
|
|
|
@section('body')
|
|
<div class="container">
|
|
|
|
<div>
|
|
<input id="markdown-toggle" type="checkbox">
|
|
</div>
|
|
|
|
<div id="editor" class="bs-editor page-content" style="margin-bottom: 23px"></div>
|
|
|
|
<div id="content" style="display: none;">
|
|
<h2>This is an editable block</h2>
|
|
<p>
|
|
Lorem ipsum dolor sit amet, <strong>consectetur adipisicing</strong> elit. Asperiores? <br>
|
|
Some <span style="text-decoration: underline">Underlined content</span> Lorem ipsum dolor sit amet. <br>
|
|
Some <span style="text-decoration: line-through;">striked content</span> Lorem ipsum dolor sit amet. <br>
|
|
Some <span style="color: red;">Red Content</span> Lorem ipsum dolor sit amet. <br>
|
|
Some <a href="https://cats.com" target="_blank" title="link A">Linked Content</a> Lorem ipsum dolor sit amet. <br>
|
|
</p>
|
|
|
|
<details>
|
|
<summary>Dropdown here</summary>
|
|
<h1>Inner header</h1>
|
|
<p>Paragraph</p>
|
|
</details>
|
|
|
|
<table style="width: 100%;">
|
|
<thead>
|
|
<tr>
|
|
<th>Header A</th>
|
|
<th>Header B</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td style="width: 250px; height: 30px">Content 1</td>
|
|
<td style="width: 320px; height: 30px">Content 2</td>
|
|
<td style="width: 320px; height: 30px">Content 2</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">Row 2, Spanning 2</td>
|
|
<td>Row 2 spanning 1</td>
|
|
</tr>
|
|
<tr>
|
|
<td rowspan="2">Row 3/4, Column 1</td>
|
|
<td>Row 3, Column 2</td>
|
|
<td>Row 3, Column 3</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Row 4, Column 2</td>
|
|
<td>Row 4, Column 3</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
{{-- <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>--}}
|
|
|
|
<p><img src="/user_avatar.png" alt="Logo"></p>
|
|
<ul>
|
|
<li>Item A</li>
|
|
<li>Item B</li>
|
|
<li>Item C</li>
|
|
</ul>
|
|
|
|
<p>Lorem ipsum dolor sit amet.</p>
|
|
|
|
<hr>
|
|
|
|
<p class="align-right">Lorem ipsum dolor sit amet.</p>
|
|
|
|
<p class="callout info">
|
|
This is an info callout test!
|
|
</p>
|
|
</div>
|
|
|
|
</div>
|
|
@endsection
|
|
|
|
|
|
@section('scripts')
|
|
<script src="{{ versioned_asset('dist/editor.js') }}" nonce="{{ $cspNonce }}"></script>
|
|
@stop |