1

こんにちは、summernote を使用しようとしていますが、完全に読み込まれません。私は必要なものをすべてのスクリプトとスタイルにリンクしています。

<!-- Bootstrap3 core CSS -->
<link href="../css/bootstrap.min.css" rel="stylesheet">

<!-- include libries(jQuery, bootstrap3, fontawesome) -->

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">
<script src='../js/jquery-1.11.1.min.js'></script>
<script src="../js/bootstrap.min.js"></script>



<!-- include summernote css/js-->

<link href="../css/summernote.css" />
<link href="../css/summernote-bs3.css" />
<script src="../js/summernote.min.js"></script>
<script src="../js/summernote.js"></script>

それから私はsummernoteのJSを使います

<script>
     $( document ).ready(function() {
         $('#summernote').summernote({height: 300});
     });  
</script>

そして私のhtmlがあります

<textarea  id="summernote" cols="30" rows="10" class="form-control"></textarea>

その後、私はこれを取得します

http://screenshot.cz/WO3ZQ/

ここにはアイコンがありません。しかし、すべてが機能しますが、見た目はひどいです。私は解決策を見つけようとしていましたが、ブートストラップアイコンを使用している場合は、それらを挿入し、summernote 使用タグを使用しました。たぶんそれが問題です。知らない。

4

2 に答える 2

6

あなたのjsfiddleを更新しました 今すぐチェックしてください

http://jsfiddle.net/pW4d8/1/

$(document).ready(function() {
    $('#summernote').summernote({height: 300});
});

うまく動作します..

問題はjsリソースにありました。

編集::これは正常に<head>機能します:

<script src="//code.jquery.com/jquery-1.11.0.js" type="text/javascript"></script>
<link href="/css/result-light.css" type="text/css" rel="stylesheet" />
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" type="text/css" rel="stylesheet" />
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.1/js/bootstrap.min.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
<script src="http://podivej.se/js/summernote.min.js" type="text/javascript"></script>
<link href="http://podivej.se/css/summernote.css" type="text/css" rel="stylesheet" />
<link href="http://podivej.se/css/summernote-bs3.css" type="text/css" rel="stylesheet">
于 2014-07-13T09:14:09.933 に答える
1

要約すると、同じ問題に遭遇したばかりなので、summernote は自分の .css の前に .js ファイルをロードするだけで済みます。

于 2014-12-11T04:00:53.763 に答える