如何將多個CSS文件添加到CKEditor編輯器區域

Question

我使用Ckeditor創建了一個小型mvc應用程序，該應用程序應使用存儲在本地服務器上的一些CSS文件

<head>
<link href="http://fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Bree+Serif" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css" />
<link href="http://192.168.0.50/css/new/all.css?v=1" media="all" rel="stylesheet" type="text/css" />
<link href="http://192.168.0.50/css/new/templates.css?v=1" media="all" rel="stylesheet" type="text/css" />
<link href="http://192.168.0.50/css/pre_review/colors.css?v=1" rel="stylesheet" type="text/css" />
<link href="http://192.168.0.50/css/pre_review/paged_test.css?v=2" media="paged" rel="stylesheet" type="text/css" />
<link href="http://192.168.0.50/css/pre_review/bootstrap.min.css?v=1" media="all" rel="stylesheet" type="text/css" />
<link href="http://192.168.0.50/css/pre_review/main.css?v=1" rel="stylesheet" type="text/css" />
<style type="text/css">html { -ro-editable: true; }
</style>
</head>

在編輯器初始化時，我調用setData並傳入帶有html塊的字符串，以將遠程CSS文件應用於編輯器的內容。 但是，它們未正確應用

如果我將config.fullPage = true設置為，則html塊將被放置在body標簽之間，因此，如果用戶足夠按下Backspace鍵，則可以將其刪除。

我也嘗試設置config.fullPage = false，這可以很好地插入內容，但是會從塊中剝離head標記，因此如果用戶按退格鍵，也可以將其刪除。

無論如何，有沒有讓這個html塊專門放在頭部，以便不能對其進行編輯？

Answer 1

我建議在ckeditor配置中使用config.contentsCss屬性，以設置特定的CSS文件或CSS文件列表。 請參閱API文檔： http : //docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-contentsCss

從4.4版開始，還可以在運行時使用editor.addContentsCss（）將多個樣式表添加到編輯器實例，請參見http://docs.ckeditor.com/#!/api/CKEDITOR.editor-method-addContentsCss更多信息。

願消息來源與您同在。 玩得開心。

如何將多個CSS文件添加到CKEditor編輯器區域

問題描述

1 個解決方案

解決方案1
2 已采納 2015-04-16 14:10:21

如何將多個CSS文件添加到CKEditor編輯器區域

問題描述

1 個解決方案

解決方案1 2 已采納 2015-04-16 14:10:21

解決方案1
2 已采納 2015-04-16 14:10:21