1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
|
$(document).ready(function() {
// Override summernotes image manager
$('[data-toggle=\'summernote\']').each(function() {
var element = this;
if ($(this).attr('data-lang')) {
$('head').append('<script type="text/javascript" src="view/javascript/summernote/lang/summernote-' + $(this).attr('data-lang') + '.js"></script>');
}
$(element).summernote({
lang: $(this).attr('data-lang'),
disableDragAndDrop: true,
height: 300,
emptyPara: '',
codemirror: { // codemirror options
mode: 'text/html',
htmlMode: true,
lineNumbers: true,
theme: 'monokai'
},
fontsize: ['8', '9', '10', '11', '12', '14', '16', '18', '20', '24', '30', '36', '48' , '64'],
toolbar: [
['style', ['style']],
['font', ['bold', 'underline', 'clear']],
['fontname', ['fontname']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['table', ['table']],
['insert', ['link', 'image', 'video']],
['view', ['fullscreen', 'codeview', 'help']]
],
popover: {
image: [
['custom', ['imageAttributes']],
['imagesize', ['imageSize100', 'imageSize50', 'imageSize25']],
['float', ['floatLeft', 'floatRight', 'floatNone']],
['remove', ['removeMedia']]
],
},
buttons: {
image: function() {
var ui = $.summernote.ui;
// create button
var button = ui.button({
contents: '<i class="note-icon-picture" />',
tooltip: $.summernote.lang[$.summernote.options.lang].image.image,
click: function () {
$('#modal-image').remove();
$.ajax({
url: 'index.php?route=common/filemanager&user_token=' + getURLVar('user_token'),
dataType: 'html',
beforeSend: function() {
$('#button-image i').replaceWith('<i class="fa fa-circle-o-notch fa-spin"></i>');
$('#button-image').prop('disabled', true);
},
complete: function() {
$('#button-image i').replaceWith('<i class="fa fa-upload"></i>');
$('#button-image').prop('disabled', false);
},
success: function(html) {
$('body').append('<div id="modal-image" class="modal">' + html + '</div>');
$('#modal-image').modal('show');
$('#modal-image').delegate('a.thumbnail', 'click', function(e) {
e.preventDefault();
$(element).summernote('insertImage', $(this).attr('href'));
$('#modal-image').modal('hide');
});
}
});
}
});
return button.render();
}
}
});
});
});
|
