CKEditor не отображает в Chrome - PullRequest
Новая
       3

CKEditor не отображает в Chrome

0 голосов
/ 07 мая 2018

Справочная информация: я создаю приложение для блога, в котором поле textarea содержимого блога должно быть заменено на CKEditor.

Проблема: после загрузки веб-страницы в Chrome появляется сообщение об ошибке с отключенной текстовой областью. "Uncaught TypeError: Невозможно прочитать свойство 'getComputedStyle' из неопределенного"

Код: Javascript: 

$(document).ready(function() {
    CKEDITOR.addCss('body {font-family: "Roboto", "Helvetica", "Arial", sans-serif;}');
    var contentEditor = CKEDITOR.replace( 'blogContent' );
});

HTML: 

<body>
   <textarea type="text" rows= "10" name="blogContent" id="blogContent" 
   maxlength="2000"></textarea>

   <script src="//cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>
   <script src="/js/blog-form.js"></script>
</body>

Версии: Chrome: версия 66.0.3359.139 (официальная сборка) (64-разрядная версия) CKEditor: 4.9.2

Я ищу помощи для решения этой проблемы. Эта проблема не возникает в других браузерах - Edge и Firefox.

1 Ответ

0 голосов
/ 08 мая 2018

Запустите этот код, он работает на Chrome: 

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
   <script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script>

<script>
$(document).ready(function(){


    CKEDITOR.addCss('body {font-family: "Roboto", "Helvetica", "Arial", sans-serif;}');
    var contentEditor = CKEDITOR.replace( 'blogContent' );
});
</script>
</head>
<body>


 <textarea type="text" rows= "10" name="blogContent" id="blogContent" 
   maxlength="2000"></textarea>





</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...