我使用jQuery TinyMCE的編輯器。默認的字體大小是10.我喜歡改變默認的字體大小。我怎樣才能做到這一點,如何在tinymce中更改默認字體大小?
回答
您需要使用content_css設置TinyMCE的的設置自定義CSS文件(請確保該設置指向一個css文件的有效位置)。該文件將被插入在編輯器中的I幀頭部其他所有CSS設置(從核心文件)後初始化TinyMCE的時候插入那裏 - 因此你在你的文件放在將覆蓋之前(由TinyMCE的)所做的設置所有設置。
實施例:設置默認字體大小,以11像素。一個自定義的CSS文件的內容(我把它命名爲我安裝content.css):
body {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
}
如何使用此設置:
tinyMCE.init({
...
// you do not need to include it yourself, tinymce will do this for you,
// but you will need to give tinymce the location of your css file
content_css : "http://www.myserver.com/css/content.css",
...
});
我需要包括這個CSS。因爲如果我插入同一頁面,我的主頁也會受到影響。在哪裏插入這個CSS和如何訪問它。 – 2010-12-13 09:40:54
我很抱歉給出無關緊要的評論。這個對我有用。我已經改變了content.css的字體大小,謝謝你 – 2010-12-13 09:58:20
很高興能夠幫助 – Thariama 2010-12-13 09:58:58
,或者想尋找所使用TinyMCE的CSS文件並更改font-size
。例如,如果你使用簡單的主題,然後去的地方是這樣的:js/themes/simple/skins/default/content.css
有改變font-size
。爲我工作。
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
setup : function(ed)
{
// set the editor font size
ed.onInit.add(function(ed)
{
ed.getBody().style.fontSize = '10px';
});
},
});
</script>
tinymce/themes/advanced/skins/o2k7/content.css
新增CSS
:
#tinymce { font-size: 15px;}
我在我的項目中使用這種方式
tinymce.init({
selector:"#txt1",
setup : function(ed)
{
ed.on('init', function()
{
this.execCommand("fontName", false, "tahoma");
this.execCommand("fontSize", false, "12px");
});
}
});
這不僅僅是在「content.css」
this.execCommand 「fontSize」,false,「12px」); 對我來說不適用於tmce 4(google chrome 51) this.getBody()。style.fontSize ='12px'; from KwangKungs answer – Max 2016-06-08 15:52:35
this導致不必要的滾動到輸入....如何避免 – 2016-10-16 12:11:31
改變屬性值的更好的方法,我會yust離開這個位置,用tinyMCE的4,現在是:
setup : function(ed) {
ed.on('init', function(ed) {
ed.target.editorCommands.execCommand("fontName", false, "Calibri");
ed.target.editorCommands.execCommand("fontSize", false, "11pt");
});
}
一種選擇是content_style
,您可以添加額外的CSS編輯器。
tinymce.init({
selector: 'textarea', // change this value according to your HTML
content_style: "div, p { font-size: 15px; }"
});
不幸的是,你不能只是設置body
沒有!important
因爲他們設置了CSS的順序。
我也不允許人們改變字體大小 - 這將有可能就會失控。
這幫助我在改變,因爲看到「默認」的大小,但你必須要小心,如果你讓人們在此之後更改字體大小。
對我來說,這個快速和骯髒的方法是我所需要的,因爲我正在編輯的HTML非常簡單。
剛加入這一行的選項
content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
,所以它看起來像這樣
tinymce.init({
selector: "textarea",theme: "modern",width: '100%',min_height:350 ,menubar:false,
content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
browser_spellcheck : true,
plugins:
[
"advlist autolink link image lists charmap print preview hr anchor pagebreak",
"searchreplace wordcount visualblocks visualchars insertdatetime media nonbreaking",
"table contextmenu directionality emoticons paste textcolor responsivefilemanager code"
],
toolbar1: " undo redo preview code | \n\
link bold italic underline | hr | image responsivefilemanager media |unlink anchor | ",
image_advtab: true ,
external_filemanager_path:"/tinymce/filemanager/",
filemanager_title:"Responsive Filemanager" ,
relative_urls: false,
remove_script_host : false,
external_plugins: { "filemanager" : "/tinymce/filemanager/plugin.min.js"}
});
對於v3.5這個類爲我工作:'.mceContentBody'。 – Wtower 2017-03-02 20:41:29
這是在TinyMCE 4.6.1中爲我做的最簡單的方法 – 2017-06-29 17:05:31
只需編輯
TinyMCE的/主題/高級/毛皮/ o2k7/content.css
並在此行更改字體大小:
body, td, pre {color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:8px;}
- 1. TinyMCE默認字體大小
- 2. TinyMCE的4默認字體大小
- 3. OBIEE 12C更改默認字體大小
- 4. 要更改Android默認字體大小
- 5. 如何更改NSMutableAttributedString的默認字體和字體大小
- 6. 如何在TinyMce中默認字體系列,字體大小和行距?
- 7. 如何更改Swing GTK LookAndFeel中的默認字體大小?
- 8. 如何更改ggplot2中的默認字體大小
- 9. 如何更改報告中的默認字體大小
- 10. 如何更改R圖表中的默認字體大小
- 11. 在TinyMCE中設置默認字體大小和背景色
- 12. 如何更改字體文件的默認大小?
- 13. 如何更改graphviz的默認字體大小?
- 14. 如何在字體大小設置選定的默認字體大小在tinymce中下拉3.5.8
- 15. 在Android中自動更改設置的默認字體大小?
- 16. 如何更改默認視圖大小
- 17. 如何更改默認窗口大小
- 18. 默認UITableViewCellStyleSubtitle字體大小?
- 19. UILabel不包裝(如果我更改默認字體大小)
- 20. 更改Cygwin中的默認XTerm字體大小
- 21. 更改Netbeans中Swing控件的默認字體大小
- 22. 如何更改UIWebView默認字體
- 23. 如何更改Firebug的默認字體?
- 24. 使用itextsharp更改pdf中的默認字體和字體大小
- 25. 如何使用word.js更改單詞中的默認字體和紙張大小
- 26. 在Roku中更改默認字體roFontRegistry
- 27. 在Visual Studio中更改默認字體
- 28. 更改主題的默認字體大小的Windows Phone
- 29. 更改NSTable/NSOutlineView的默認字體大小
- 30. 更改UINavigationBar的字體類型,同時保持默認大小
如果你正在使用django看看https://stackoverflow.com/a/47181703/7639622 – openHBP 2017-11-08 14:31:12