Come utilizzare il riepilogo con angularjs

Error: undefined is not a function (evaluating 'element.summernote(summernoteConfig)')

Ho incluso tutti i file necessari, come jQuery, bootstrap, summernote, ecc

La mia seconda idea era quella di utilizzare nota estate senza la direttiva angolare summernote. Ma anche questo non dovrebbe funzionare perfettamente.

Se provo

$(document).ready(function() { 
    $('.summernote').summernote(); 
});

summernote non funziona, ma se provo qc. come

$.getScript('//cdnjs.cloudflare.com/ajax/libs/summernote/0.5.1/summernote.min.js',function(){ 
    $('#summernote').summernote(); 
});

funziona, ma vorrei usare la mia copia locale del summernote in modo che il secondo non è che quello che mi serve

Spero che hai capito il mio problema e grazie per qualsiasi aiuto Rico

fonte

2014-10-31 BlackSalt

abbiamo problema simile, l'unica soluzione che vediamo se per avvolgere con proprio modulo è di (in seguito è summernoteDemo) come:

... 
 
      <div class="span1"> 
 
       <div ng-app="summernoteDemo"> 
 
        <summernote id="editor" code="text" ng-model="item.description"></summernote> 
 
        <br> 
 
        <textarea type="text" ng-model="item.description" style="width:100%;"></textarea></br> 
 
       </div>

Ma abbiamo il problema di farlo apparire in più di un punto/istanza. Forse puoi provare e farcelo sapere.

fonte

2014-11-01 05:13:57

non funziona per me :(, stesso errore di prima. E 'possibile che il lavoro summernote solo con una versione specifica di bootstrap, jquery ecc? – BlackSalt

Ok ragazzi, ho trovato il problema, per tutti con lo stesso problema è un errore stupido;)

Il problema era l'includo il file angular.min.js principale prima di jQuery un Bootstrap. Ora includo prima jQuery, poi Bootstrap e poi AngularJS e funziona perfettamente.

<link rel="stylesheet" type="text/css" href="bootstrap.css" /> 
<link rel="stylesheet" type="text/css" href="summernote.css" /> 
<script src="jquery-2.1.1.min.js"></script> 
<script src="bootstrap.min.js"></script> 
<script src="summernote.min.js"></script> 
<script src="angular.min.js"></script> 
<script src="angular-summernote.min.js"></script>

In questo ordine funziona perfettamente per me.

Un suggerimento breve, se hai anche un problema con le dimensioni del pulsante, l'unica cosa da fare è includere <!DOCTYPE html> nel tuo file html principale.

Rico

fonte

2014-11-01 18:55:31 BlackSalt

Come utilizzare il riepilogo con angularjs

risposta

Problemi correlati