6

デフォルトのテキスト エディタとして summernote を使用していますが、初期化時にデフォルトで特定のフォント サイズを設定できませんでした。

これまで私は試しました

$('.active-textcontainer').summernote({
        toolbar: [
            ['style', ['bold', 'italic', 'underline']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']]
        ],
         height:150,
         fontsize:'18px'
    });

と

$('.active-textcontainer').summernote({
        toolbar: [
            ['style', ['bold', 'italic', 'underline']],
            ['fontsize', ['fontsize']],
            ['color', ['color']],
            ['para', ['ul', 'ol', 'paragraph']]
        ],
         height:150,
         fontsize:'18'
    });

アリの助けをいただければ幸いです。

4

3 に答える 3

9

を使用したことはありませんが、 APIsummernoteを見ると、(少なくとも現在は) デフォルトのフォント サイズを指定するものはありません。

これに対する可能な解決策は、オブジェクトで初期化するときに常に次の : を作成するため、font-sizeスタイルをエディターに直接適用することです。したがって、コードの初期化後に次のようにすることができます。divjQuerysummernotediv<div class="note-editable" ...>...</div>$('.note-editable').css('font-size','18px');

$('.active-textcontainer').summernote({
    toolbar: [
        ['style', ['bold', 'italic', 'underline']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']]
    ],
     height:150
});

$('.note-editable').css('font-size','18px');

この解決策は少しトリッキーですが、次のバージョンでエディターのclass名前がdiv変更された場合、これは機能しませんが、あなたのケースでは十分かもしれません。

お役に立てれば、

于 2014-11-19T07:45:24.883 に答える
1

またはcssを介してデフォルトを設定します

.note-editor .note-editable {
    line-height: 1.2;
    font-size: 18px;
}
于 2016-01-19T13:12:17.157 に答える
0

現在選択されているテキストのフォント サイズを設定できます。

$('.summernote').summernote('fontSize', 40);

しかし、テキストを選択する API はないようです。

デフォルトのフォントサイズを設定できないのは非常に奇妙なので、彼らのレポに問題を提出しました。

于 2015-09-11T08:47:02.330 に答える