整合为Div

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。请访问（ckeditor.com/addon/divarea）上的inline integration和[divArea Addon]

设置CSS和类

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

检查API config.contentsCss和[config.bodyClass]（docs.ckeditor.com /＃！/ api / CKEDITOR.config-cfg-bodyClass）

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

（由于信誉不佳，不能发布两个以上的链接，您必须复制其他链接并添加协议部分，sry）

CKEditor忽略了我的CSS

1 个答案:

整合为Div

设置CSS和类