带有 CKEDITOR 的内容显示不正确

Question

我得到源代码，在CKEDITOR demo中，并在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>

显示：
http://i.stack.imgur.com/ATTWO.png
为什么它不像在演示中那样显示，因为显示通过 CKEDITOR

创建的内容对我来说是正确的

Answer 1

浏览器是这样渲染的。如果您想添加其他样式并修改外观，您需要学习一些 CSS。编辑器的源代码中没有任何 CSS。

Answer 2

我看了一下他们的主页，下载了基础包。我在包文件夹中找到一个名为 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的class，它在content.css中定义，因此它向右浮动。

我认为你的问题是 css 文件不是 present/found 在你的项目中。

或许您可以尝试下载安装包，看看本地是否能正常运行，这样您就可以确定问题是由CDN和丢失的文件引起的。

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

带有 CKEDITOR 的内容显示不正确

Content with CKEDITOR is incorrectly displayed

html

javascript

css

ckeditor