Question

背景：我正在构建一个博客应用程序，其中博客内容textarea字段将替换为CKEditor。

问题：在Chrome中加载网页后，我收到以下错误并禁用了文本区域。＆＃34;未捕获的TypeError：无法读取属性＆＃39; getComputedStyle＆＃39;未定义＆＃34;

代码：使用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。

Answer 1

运行此代码，它正在使用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>

CKEditor无法在Chrome中呈现

1 个答案: