CKEDITOR的内容显示不正确

Content with CKEDITOR is incorrectly displayed

本文关键字：显示 不正确 CKEDITOR      更新时间：2023-11-25

我在CKEDITOR演示中获得源代码，并将其放在index.html中的空正文中
包括：

<script src="//cdn.ckeditor.com/4.4.7/standard/ckeditor.js"></script>

但是，内容表现得很差，在风格和展示上显得丑陋。

<html>
<head>
<script src="//cdn.ckeditor.com/4.4.7/full/ckeditor.js"></script>
</head>
<body>
---Content source in CKEDITOR demo HERE
</body>
</html>

显示：
https://i.stack.imgur.com/ATTWO.png
为什么它不像在演示中那样显示，因为对我来说，显示通过CKEDITOR 创建的内容是正确的

我看了他们的主页，下载了基本的软件包。我在包文件夹中找到一个名为content.css的文件

img.right
{
    border: 1px solid #ccc;
    float: right;
    margin-left: 15px;
    padding: 5px;
}
img.left
{
    border: 1px solid #ccc;
    float: left;
    margin-right: 15px;
    padding: 5px;
}

如果你看看他们的演示中内容片段的源代码，

<h1><img alt="Saturn V carrying Apollo 11" class="right" src="http://c.cksource.com/a/1/img/sample.jpg" /> Apollo 11</h1>

图像有一个名为right的类，该类在content.css中定义，因此它是向右浮动的。

我认为你的问题是在你的项目中找不到css文件。

也许你可以尝试下载该包，看看它是否在本地工作，这样你就可以确保问题是由CDN和丢失的文件引起的。

以防万一，我在这里下载了这个包（没有广告）http://ckeditor.com/download

浏览器以这种方式呈现它。如果你想添加其他样式并修改外观，你需要学习一些CSS。编辑器的源代码中没有任何CSS。

相关文章：