BookStack Code Mirror - bookstack/blob - resources/views/pages/parts/wysiwyg-editor.blade.php

   1 <div component="wysiwyg-editor"
   2      option:wysiwyg-editor:language="{{ $locale->htmlLang() }}"
   3      option:wysiwyg-editor:page-id="{{ $model->id ?? 0 }}"
   4      option:wysiwyg-editor:text-direction="{{ $locale->htmlDirection() }}"
   5      option:wysiwyg-editor:image-upload-error-text="{{ trans('errors.image_upload_error') }}"
   6      option:wysiwyg-editor:server-upload-limit-text="{{ trans('errors.server_upload_limit') }}"
   7      class="">
   8
   9     <style>
  10         .editor-toolbar-button-active {
  11             background-color: tomato;
  12         }
  13     </style>
  14
  15     <div refs="wysiwyg-editor@edit-area" contenteditable="true">
  16         <p id="Content!">Some <strong>content</strong> here</p>
  17         <p>This has a <a href="https://example.com" target="_blank" title="Link to example">link</a> in it</p>
  18         <h2>List below this h2 header</h2>
  19         <ul>
  20             <li>Hello</li>
  21         </ul>
  22
  23         <p class="callout danger">
  24             Hello there, this is an info callout
  25         </p>
  26     </div>
  27
  28     <div id="lexical-debug" style="white-space: pre-wrap; font-size: 12px; height: 200px; overflow-y: scroll; background-color: #000; padding: 1rem; border-radius: 4px; color: #FFF;"></div>
  29
  30 {{--    <textarea id="html-editor"  name="html" rows="5"--}}
  31 {{--          @if($errors->has('html')) class="text-neg" @endif>@if(isset($model) || old('html')){{ old('html') ? old('html') : $model->html }}@endif</textarea>--}}
  32 </div>
  33
  34 @if($errors->has('html'))
  35     <div class="text-neg text-small">{{ $errors->first('html') }}</div>
  36 @endif
  37
  38 {{--TODO - @include('form.editor-translations')--}}