Javascript 如何将多个css文件添加到CKEditor editorarea_Javascript_Html_Css_Ckeditor

Javascript 如何将多个css文件添加到CKEditor editorarea

javascript html css ckeditor

Javascript 如何将多个css文件添加到CKEditor editorarea,javascript,html,css,ckeditor,Javascript,Html,Css,Ckeditor,我使用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"

我使用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>


html{-ro可编辑：true；}

在编辑器初始化时，我调用setData并将字符串与html块一起传递，以将远程css文件应用于编辑器的内容。但是，它们没有被正确应用

如果我设置config.fullPage=true，那么html块会被放在body标记之间，因此如果用户按了足够多的backspace键，就会被删除

我也尝试过设置config.fullPage=false，这样可以插入内容，但是它会从块中去除头部标记，因此如果用户按backspace键，也可以将其删除

有没有办法让这个html块专门放在head部分，这样它就不能被编辑了

我建议在您的ckeditor配置中使用config.contentsCss属性来设置特定的css文件或css文件列表。见API文档：

从版本4.4开始，还可以在运行时使用editor.addContentsCss（）向编辑器实例添加多个样式表，有关详细信息，请参阅

愿消息来源与你同在。玩得开心。

如果我的答案没有解决您的问题，请更新您的问题。我知道您希望样式设置编辑器内容的样式。但我现在明白了，你可能想做些别的事情。不，这似乎是正确的，我会尝试一下并更新我的帖子。以防万一：请注意这是contentCss，而不是contentCss。我记得几年前，我在那次个人失败上花了几个小时啊，我想可能就是这样。我已经尝试了ContentCss，但它不起作用，但我没有意识到有ContentCss属性。谢谢你的遗嘱，让你知道它是否有效。是的，谢谢，效果很好。真不敢相信几个小时前我离正确答案只有一个字符。