2014-01-04 2 views
0

В прошлый раз, когда я использовал CKEditor, все прошло гладко. Я установил его, и он автоматически принял мой CSS для рендеринга HTML. Вчера я сделал то же самое, но на этот раз в другом проекте, используя базу zurb в качестве базы для моего сайта. Кроме этого времени, CKEditor просто игнорируя существующую CSS ...CKEditor игнорирует мои CSS

Вот как я делаю вещи:

РНР файл со всеми редактируемыми полями, что задний конец подхватывает:

$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 не иметь каких-либо стилей вообще, чтобы рендеринг get решил вместо моего HTML?

ответ

0

Интеграция в Div

Вы можете сказать CKEditor интегрировать как DIV, а не как фрейма, который будет интегрировать CSS немного автоматически в зависимости от зависимости каскадным в вашем CSS. См inline integration и [divArea Аддон] в (ckeditor.com/addon/divarea)

Установить CSS и класс

Также вы можете установить файл URL класса тело CSS и исходный CSS (ы), чтобы сделать CKEditor использовать свой CSS.

Проверьте API config.contentsCss и [config.bodyClass] в (docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-bodyClass)

Также в вашем коде я не могу найти какой-либо из требуемый JavaScript для применения CKEditor.

(не может размещать более двух ссылок из-за низкой репутации, вам придется скопировать дополнительные ссылки и добавить часть протокола, SRY)

+0

Единственное, что я сделать, чтобы интегрировать CKEditor оказывает '<сценарий SRC = "ckeditor/ckeditor.js"> 'в заголовке. Автоматически все текстовые области преобразуются. Что касается остального, вы сказали: я прочитаю эту документацию и посмотрю, как она будет работать. Большое спасибо! – viriato

+0

Вероятно, существует 'CKEDITOR.replaceAll();' вызов где-то в вашем JavaScript-коде. Или вызов 'CKEDITOR.inlineAll();' check doc замены CKEditor [здесь, в API] (http://docs.ckeditor.com/#!/api/CKEDITOR-method-inline). Я не знаю, как это выглядит по умолчанию, но вы заменяете текстовые поля, но вам нужно выяснить, какая конфигурация применяется (скорее всего это config.js в папке ckeditor). – Armin

+0

Честно говоря, мне уже удалось решить эту проблему с большим количеством CSS. Теперь меня действительно беспокоит то, что CKEditor добавляет дополнительные
к моему коду каждый раз, когда я нажимаю клавишу Enter. Я уже пробовал «CKEDITOR.ENTER_BR», как они есть в руководстве, но это не работает, и на этот раз я, похоже, не исправляю проблему с помощью CSS ...Я не понимаю, почему это происходит сейчас, эти проблемы никогда не случались раньше, когда я использовал CKEditor ... – viriato

Смежные вопросы