2017-07-29 2 views
0

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

Antwort

Verwandte Themen