2015-02-08 203 views
2

我有這個劇本在我的基本文件......Django的改變字體大小和字體家族在TinyMCE的

<script src="//tinymce.cachefly.net/4.1/tinymce.min.js"></script> 
<script> 
tinymce.init({selector:'textarea', 
plugins: [ 
    "advlist autolink lists link image charmap print preview hr anchor pagebreak", 
    "searchreplace wordcount visualblocks visualchars code fullscreen", 
    "insertdatetime media nonbreaking save table contextmenu directionality", 
    "emoticons template paste textcolor colorpicker textpattern" 
    ], 
}); 
</script> 

在我的TinyMCE的文本編輯器,我看到大小的字體我猜10像素,但我想改變它到16像素,也想改變字體家族..

任何幫助?

回答

-1

查看tinyMCE配置文檔。有兩個合適的設置,滿足您的需要:font_formats和fontsize_formats和使用這樣的:

tinymce.init({ 
    fontsize_formats: "8pt 10pt 12pt 14pt 18pt 24pt 36pt", 
    font_formats: "Arial=arial,helvetica,sans-serif;" 
}); 
1

請參閱settings.py配置爲我工作:

TINYMCE_DEFAULT_CONFIG = { 
'theme': "advanced", # default value 
'relative_urls': False, # default value 
'plugins': 'table,spellchecker,paste,searchreplace', 
'theme_advanced_buttons1': 'bold,italic,underline,bullist,numlist,link,unlink,styleselect,fontselect,fontsizeselect', 
'width': '100%', 
'height': 300, 
'paste_text_sticky': True, 
'paste_text_sticky_default': True, 
'valid_styles': 'font-weight,font-style,text-decoration', 
'fontsize_formats': "8pt 10pt 11pt 12pt 13pt 14pt 16pt 18pt 20pt 24pt 36pt", 
'font_formats': "Andale Mono=andale mono,times;" + 
    "Arial=arial,helvetica,sans-serif;" + 
    "Arial Black=arial black,avant garde;" + 
    "Book Antiqua=book antiqua,palatino;" + 
    "Comic Sans MS=comic sans ms,sans-serif;" + 
    "Courier New=courier new,courier;" + 
    "Georgia=georgia,palatino;" + 
    "Helvetica=helvetica;" + 
    "Impact=impact,chicago;" + 
    "Symbol=symbol;" + 
    "Tahoma=tahoma,arial,helvetica,sans-serif;" + 
    "Terminal=terminal,monaco;" + 
    "Times New Roman=times new roman,times;" + 
    "Trebuchet MS=trebuchet ms,geneva;" + 
    "Verdana=verdana,geneva;" + 
    "Webdings=webdings;" + 
    "Wingdings=wingdings,zapf dingbats",} 
TINYMCE_SPELLCHECKER = True 
TINYMCE_COMPRESSOR = True 

下面是截圖:

TinyMCE

1

要設置默認字體大小,只需添加一行 「content_style ':'.mcecontentbody {font-size:13px;}', in TINYMCE_DEFAULT_CONFIG settings.py變量

TINYMCE_DEFAULT_CONFIG = { 
    'theme': 'advanced', 
    'relative_urls': False, 
    'plugins': 'media,spellchecker', 
    'content_style': '.mcecontentbody{font-size:13px;}', 
    'theme_advanced_buttons1': 'bold,italic,underline,bullist,numlist,|,link,unlink,image', 
    'theme_advanced_resizing': True, 
    'theme_advanced_path': False, 
}