在ckeditor中切換實時預覽

我正在使用ckeditor的jquery適配器，我可以在編輯器預覽中使用CKEDITOR.config.contentsCss 添加自定義css文件下面是使用＃editor2 ID爲textarea創建ckeditor的嵌入式javascript代碼。在ckeditor中切換實時預覽

jQuery(function() 
{ 
    var config = { 
    contentsCss :['css/bootsrap/bootstrap.css', 'contents-custom.css'], 
} 
jQuery('#editor2').ckeditor(config);

我想創建一個插件，點擊這個按鈕後可以調用「實時預覽」這些CSS文件將被添加。這個按鈕應該像切換。

我的問題是，如何控制添加和刪除contentCss配置的配置？

來源

2012-11-12 Wasim Shaikh

使用jQuery，您將能夠欺騙頁面。我認爲用CKEditor的API來做這件事並不是一種已知的方式。但是，您可以刪除<link>您的文件。

//to remove styling: 
$('#cke_ckeditor iframe').contents().find('html head link').remove(); 
//to reload CSS: 
$('#cke_ckeditor iframe').contents().find('html head').append('<link href="customContents.css" rel="stylesheet" type="text/css" />');

如果你願意，你可以控制哪些文件將被刪除只有first()或last()鏈接，以及在重裝片段被刪除。

祝你好運！在IFRAME

來源

2012-11-12 15:17:59

感謝Nadav，但選擇找不到HTML頭。 –

@WasimShaikh你能提供一個鏈接或粘貼你的代碼嗎？選擇器是否找到#cke_editor和IFRAME而不是head元素？嘗試從選擇器中刪除'html' –

或者您可以嘗試'＃cke_editor'而不是'＃cke_ckeditor' –

在ckeditor中切換實時預覽

回答

相關問題