CKEditor忽略了我的CSS

Question

上次我使用CKEditor时，一切都很顺利。我安装了它，它自动采用我的 CSS 进行 HTML 渲染。昨天我做了同样的事情，但这次是在另一个项目中，使用 zurb 基金会作为我网站的基础。除了这一次，CKEditor只是忽略了所有存在的CSS......

以下是我的工作方式：

一个 php 文件，其中包含后端选取的所有可编辑字段：

$text13 = "innehall/text13.txt";
if (isset($_POST['body13'])) {
    $newData = nl2br(htmlspecialchars ($_POST['body13']));
    $handle = fopen($text13, "w");
    fwrite($handle, $newData);
    fclose($handle);
}
if (file_exists($text13)) {
    $myData13 = file_get_contents($text13);
    $myData13 = $myData13;
}

后端文件：

<form id="form" name="form" method="post">
    <label>Beskrivning:</label>
    <textarea class="ckeditor" name="body13" id="body13">
    <?php echo str_replace("<br />","",$myData13); ?>
    </textarea><br>
    <input id="submit" name="myBtn" type="submit" value="Uppdatera fältet" />
</form>

一个 php 文件，其中包含索引将选取的所有源：

$text13 = "administration/innehall/text13.txt";
if (file_exists($text13)) {
    $myData13 = file_get_contents($text13);
}

该指数.php：

<h2 class="dark_text"><?php echo $myData13 ?></h2>

所以，这里的结果是 CKEditor 忽略了我<h2>上的类，所以我的问题是：我如何让 CKEditor 采用我的样式表，以便渲染的 HMTL 与我在 CSS 中完全相同？或者，我如何使 CKEditor完全没有任何样式，以便渲染由我的 HTML 决定？

Answer 1

集成为div

你可以告诉CKEditor作为一个div而不是一个iframe集成，这将根据CSS中的级联依赖关系自动集成css。请参阅内联集成和 [divArea 插件] 在 （ckeditor.com/addon/divarea）

设置 CSS 和类

你也可以设置bodycss类和css源文件URL，使CKEditor使用你的CSS。

在 （docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-bodyClass） 检查 API config.contentCss 和 [config.bodyClass]

同样在您的代码中，我找不到任何应用 CKEditor 所需的 JavaScript。

（由于声誉低，不能发布两个以上的链接，您将不得不复制额外的链接并添加协议部分，sry）