Skip to content

Commit cc7a677

Browse files
authored
Update integration.md
Updated Integration documentation with TinyMCE5 integration option
1 parent a2c390b commit cc7a677

File tree

1 file changed

+47
-2
lines changed

1 file changed

+47
-2
lines changed

docs/integration.md

Lines changed: 47 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,53 @@ Check `vendor/unisharp/laravel-filemanager/src/views/demo.blade.php`, which alre
3434
$('textarea.my-editor').ckeditor(options);
3535
</script>
3636
```
37+
38+
### Option 2: TinyMCE5
3739

38-
### Option 2: TinyMCE4
40+
```html
41+
<script src="/path-to-your-tinymce/tinymce.min.js"></script>
42+
<textarea name="content" class="form-control my-editor">{!! old('content', $content) !!}</textarea>
43+
<script>
44+
var editor_config = {
45+
selector: 'textarea.my-editor',
46+
relative_urls: false,
47+
plugins: [
48+
"advlist autolink lists link image charmap print preview hr anchor pagebreak",
49+
"searchreplace wordcount visualblocks visualchars code fullscreen",
50+
"insertdatetime media nonbreaking save table directionality",
51+
"emoticons template paste textpattern"
52+
],
53+
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image media",
54+
file_picker_callback : function(callback, value, meta) {
55+
var x = window.innerWidth || document.documentElement.clientWidth || document.getElementsByTagName('body')[0].clientWidth;
56+
var y = window.innerHeight|| document.documentElement.clientHeight|| document.getElementsByTagName('body')[0].clientHeight;
57+
58+
var cmsURL = "/admin/" + 'laravel-filemanager?editor=' + meta.fieldname;
59+
if (meta.filetype == 'image') {
60+
cmsURL = cmsURL + "&type=Images";
61+
} else {
62+
cmsURL = cmsURL + "&type=Files";
63+
}
64+
65+
tinyMCE.activeEditor.windowManager.openUrl({
66+
url : cmsURL,
67+
title : 'Filemanager',
68+
width : x * 0.8,
69+
height : y * 0.8,
70+
resizable : "yes",
71+
close_previous : "no",
72+
onMessage: (api, message) => {
73+
callback(message.content);
74+
}
75+
});
76+
}
77+
};
78+
79+
tinymce.init(editor_config);
80+
</script>
81+
```
82+
83+
### Option 3: TinyMCE4
3984

4085
```html
4186
<script src="//cdn.tinymce.com/4/tinymce.min.js"></script>
@@ -78,7 +123,7 @@ Check `vendor/unisharp/laravel-filemanager/src/views/demo.blade.php`, which alre
78123
</script>
79124
```
80125

81-
### Option 3: Summernote
126+
### Option 4: Summernote
82127

83128
```html
84129
<!-- dependencies (Summernote depends on Bootstrap & jQuery) -->

0 commit comments

Comments
 (0)