|
15 | 15 | 1. Modify the views |
16 | 16 |
|
17 | 17 | Sample 1 - Replace by ID: |
18 | | - ```html |
19 | | - <script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script> |
20 | | - <textarea id="my-editor" name="content" class="form-control">{!! old('content', 'test editor content') !!}</textarea> |
21 | | - <script> |
22 | | - CKEDITOR.replace( 'my-editor', { |
23 | | - filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images', |
24 | | - filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}', |
25 | | - filebrowserBrowseUrl: '/laravel-filemanager?type=Files', |
26 | | - filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}' |
27 | | - }); |
28 | | - </script> |
29 | | - ``` |
| 18 | +```html |
| 19 | +<script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script> |
| 20 | +<textarea id="my-editor" name="content" class="form-control">{!! old('content', 'test editor content') !!}</textarea> |
| 21 | +<script> |
| 22 | + CKEDITOR.replace( 'my-editor', { |
| 23 | + filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images', |
| 24 | + filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}', |
| 25 | + filebrowserBrowseUrl: '/laravel-filemanager?type=Files', |
| 26 | + filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}' |
| 27 | + }); |
| 28 | +</script> |
| 29 | +``` |
30 | 30 |
|
31 | 31 | Sample 2 - With JQuery Selector: |
32 | 32 |
|
33 | | - ```html |
34 | | - <script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script> |
35 | | - <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> |
36 | | - <script src="/vendor/unisharp/laravel-ckeditor/adapters/jquery.js"></script> |
37 | | - <textarea name="content" class="form-control my-editor">{!! old('content', 'test editor content') !!}</textarea> |
38 | | - <script> |
39 | | - $('textarea.my-editor').ckeditor({ |
40 | | - filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images', |
41 | | - filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}', |
42 | | - filebrowserBrowseUrl: '/laravel-filemanager?type=Files', |
43 | | - filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}' |
44 | | - }); |
45 | | - </script> |
46 | | - ``` |
| 33 | +```html |
| 34 | +<script src="/vendor/unisharp/laravel-ckeditor/ckeditor.js"></script> |
| 35 | +<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> |
| 36 | +<script src="/vendor/unisharp/laravel-ckeditor/adapters/jquery.js"></script> |
| 37 | +<textarea name="content" class="form-control my-editor">{!! old('content', 'test editor content') !!}</textarea> |
| 38 | +<script> |
| 39 | + $('textarea.my-editor').ckeditor({ |
| 40 | + filebrowserImageBrowseUrl: '/laravel-filemanager?type=Images', |
| 41 | + filebrowserImageUploadUrl: '/laravel-filemanager/upload?type=Images&_token={{csrf_token()}}', |
| 42 | + filebrowserBrowseUrl: '/laravel-filemanager?type=Files', |
| 43 | + filebrowserUploadUrl: '/laravel-filemanager/upload?type=Files&_token={{csrf_token()}}' |
| 44 | + }); |
| 45 | +</script> |
| 46 | +``` |
47 | 47 |
|
48 | 48 | ### Option 2: TinyMCE4 |
49 | 49 |
|
|
0 commit comments