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标签之间，因此如果用户按下退格键就可以删除。

我也尝试过设置config.fullPage = false，这样可以很好地插入内容，但是它会从块中删除头部标记，这样如果按下退格键，用户也可以删除它。

是否有将此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 editorarea

1 个答案: