2013-02-01 58 views
1

我對所有需要WYSISYG的頁面都使用TinyMCE。坦率地說,我有很多。TinyMCE - jQuery插件,全局設置默認的主題/選項

我實際上使用相同的代碼實例化每個頁面的tinymce()jquery插件,我想知道是否有一種方法來設置我的首選選項一次,每個頁面已經引用的地方,所以我不會不必在每個頁面上保留相同的龐大代碼。

這裏就是我在每個頁面迄今所做的:

​​

我希望看到簡單:

$("textarea#comments").tinymce(); 

據我瞭解,tinymce配有2個主題:先進的&簡單。高級選項太多,而簡單沒有足夠的。所以現在我不得不挑選我的選項,但是在每個頁面上重申上面的代碼看起來像是瘋狂的 。

有什麼想法?

+0

你需要在每一頁上相同的自定義主題默認初始化TinyMCE的對象? –

+0

大多數網頁,是的 – coffeemonitor

回答

0

Addionally到塞巴斯蒂安Gicquels您解答您加載使用腳本文件

var init_base_object = { 
    theme: 'advanced', 
    language : 'en', 
    ... 
}; 

var tinymce_additional = { 

    language : 'en', 

    width: "800", 
    height: "600", 

     theme_advanced_buttons1 : "bold,italic,underline", 
     theme_advanced_buttons2 : "" 
}; 

$(document).ready(function(){ 
    init_obj = {element_id:'xyz', window: window}; 
    $.extend(true, tinymce_additional, init_base_object); 
    $.extend(true, init_obj , tinymce_additional); 
    tinyMCE.execCommand('mceAddFrameControl',false, init_obj); 
}); 
0

初始化代碼必須放置在所有需要tinyMCE的頁面的HEAD元素中。

在官方文件中,我們可以看到:

作爲替代方案,tinyMCE.init聲明可以放在它自己的 文件,並引用在腳本標籤:

<html> 
<head> 
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/tiny_mce.js"></script> 
<script language="javascript" type="text/javascript" src="../jscripts/tiny_mce/basic_config.js"></script> 
</head> 

來源:http://www.tinymce.com/wiki.php/Configuration

因此,你可以有一個單一的配置文件,並在你的pag頭部調用它只有一行代碼。