Ich versuche, eine neue benutzerdefinierte Schaltfläche zum summernote Widget hinzufügen mit in YII2 mit dem Wrapper:yii2 summernote Widget hinzufügen neue Schaltfläche Symbolleiste
use marqu3s\summernote\Summernote;
Dies ist mein Code in der Ansicht nach dem summernote Beispiel:
http://summernote.org/deep-dive/
$form->field($model, 'text_body')->widget(Summernote::className(), [
'clientOptions' => [
'id' => 'ysk-summernote',
'toolbar' => [
['mybutton', ['hello']],
['undo', ['undo']],
['redo', ['redo']],
['insert', ['link', 'hr']],
['style', ['bold', 'italic', 'underline', 'clear']],
['font', ['strikethrough', 'superscript', 'subscript']],
['fontsize', ['fontsize']],
['color', ['color']],
['para', ['ul', 'ol', 'paragraph']],
['height', ['height']],
['view', ['codeview']],
['help', ['help']],
],
'height' => 400,
'buttons' => ['hello' => 'HelloButton'],
]
]
);
?>
ich füge auch folgende js:
<?php
$script = <<< JS
var HelloButton = function (context) {
var ui = $.summernote.ui;
// create button
var button = ui.button({
contents: '<i class="fa fa-child"/> Hello',
tooltip: 'hello',
click: function() {
// invoke insertText method with 'hello' on editor module.
context.invoke('editor.insertText', 'hello');
}
});
return button.render(); // return button as jquery object
}
JS;
$this->registerJs($script);
?>
Der Blick macht mit dem Editor, aber nicht zeigt den Button:
Wenn ich die Symbolleiste prüfe ich den div obwohl sehen:
<div class="note-btn-group btn-group note-mybutton"></div>
ich stundenlang versucht, aber kein Glück,
Irgendwelche Ideen