php - CKEditor 忽略了我的 CSS

Question

上次我使用 CKEditor 一切顺利。我安装了它，它自动假定我的 CSS 用于 HTML 渲染。昨天我做了同样的事情，但这次是在另一个元素中，使用 zurb foundation 作为我网站的基础。除了这一次，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);
}

index.php:

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

因此，这里的结果是 CKEditor 忽略了我在 <h2> 上的类，所以我的问题是:如何让 CKEditor 假定我的样式表，以便呈现的 HMTL 与我在 CSS 中的完全相同？或者，我如何让 CKEditor 完全没有任何样式，以便渲染取决于我的 HTML？

Answer 1

集成为 Div

您可以告诉 CKEditor 集成为 div 而不是 iframe，这会根据 CSS 中的级联依赖性自动集成 css。参见 inline integration和 [divArea Addon] 在 (ckeditor.com/addon/divarea)

设置CSS和类

您还可以设置主体 css 类和 css 源文件 URL 以使 CKEditor 使用您的 CSS。

查看 API config.contentsCss和 [config.bodyClass] 在 (docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-bodyClass)

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

(由于信誉度低，不能发布两个以上的链接，您将不得不复制额外的链接并添加协议(protocol)部分，sry)