2011-05-24 65 views
3

我使用的CKEditor的jQuery的版本是這樣的:如何在使用jquery版本時設置ckeditor配置?

$(".textarea").ckeditor();

我需要指定工具欄按鈕,但我不知道怎麼辦。我在這裏找到的所有在stackoverflow或使用谷歌的幫助是爲舊的JavaScript ckeditor版本,或者我不知道如何使用它與jQuery(上面的代碼)。

另外,如何指定css文件位置,以便ckeditor加載我的css並以與在網站上顯示相同的方式顯示數據?

任何人都可以幫忙解決這個問題嗎?

回答

3
$(".textarea").ckeditor(function() { 
    // Instance loaded callback. 
}, { 
    // Config here. 
}); 
+2

+1,雖然它是一個相當糟糕的設計選擇把回調作爲第一個參數。這不是你的錯。 ;) – DarthJDG 2011-05-24 23:58:54

+0

謝謝,作品,3分鐘後會接受答案,當倒數時間冷卻:)) – 2011-05-25 00:01:20

0

這是我如何設置使用jQuery的配置....

var config = { 
       toolbar: [ /* Whatever toolbars you wish go here. */ ], 
       height: 250, 
       width: 500, 
       align: "left", 
       contentsCss: ["body { /* Style your body any way you like */ } otherCSSStuff { /* Style away. */} "] 
       /*and whatever other options you wish to config... */ 
      }; 

$('textarea.editor').ckeditor(config, function() { /* Your callback function. */ }); 
+0

你確定嗎?在大多數其他地方,它表示回調是第一個參數,配置對象是第二個參數。但我也看到了一些不包括回調的例子。那麼哪個是正確的?現在,我傳入一個配置對象,它根本不影響編輯器(基本上,CKEditor忽略了所有的配置選項)。 – Aquarelle 2013-10-07 18:17:16

1

不知道這是CKEDITOR的一項新功能,但只是想分享我的解決方案(如果它有助於現在的人找這個):

$("textarea.youreditor").ckeditor 
(
    { 
     customConfig: "/path/to/custom/config.js" 
    } 
); 

...和我的配置是這樣的(簡單複製默認的config.js:

CKEDITOR.editorConfig = function(config) 
{ 
    config.toolbar_Full = 
    [ 
     { name: 'basicstyles', items : [ 'Bold','Italic','Underline','Strike','Subscript','Superscript','-','RemoveFormat' ] }, 
     { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Outdent','Indent','-','JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock'] }, 
     { name: 'insert', items : [ 'Image','Flash','Table','HorizontalRule','Smiley','SpecialChar','PageBreak','Iframe' ] }, 
     { name: 'colors', items : [ 'TextColor','BGColor' ] } 
    ]; 
};  

**我跨在這裏發佈我的解決方案:How do I pass in config info to CKEditor using the jQuery adapter?