mirror of
https://github.com/BookStackApp/BookStack.git
synced 2025-07-30 04:23:11 +03:00
Started playing with prosemirror
- Got base setup together with WYSIWYG/Markdown switching, where HTML is the base content format. - Added some testing routes/views for initial development. - Added some dev npm tasks to support editor-specific actions.
This commit is contained in:
34
resources/views/editor-test.blade.php
Normal file
34
resources/views/editor-test.blade.php
Normal file
@ -0,0 +1,34 @@
|
||||
@extends('layouts.simple')
|
||||
|
||||
@section('head')
|
||||
<link rel=stylesheet href="https://prosemirror.net/css/editor.css">
|
||||
@endsection
|
||||
|
||||
@section('body')
|
||||
<div class="container">
|
||||
|
||||
<div>
|
||||
<input id="markdown-toggle" type="checkbox">
|
||||
</div>
|
||||
|
||||
<div id=editor 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?</p>
|
||||
<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>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@endsection
|
||||
|
||||
|
||||
@section('scripts')
|
||||
<script src="{{ versioned_asset('dist/editor.js') }}" nonce="{{ $cspNonce }}"></script>
|
||||
@stop
|
Reference in New Issue
Block a user