Question

我在CKEDITOR demo获取源代码，并在空体中放入index.html 包括：

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

但是，内容非常糟糕，风格丑陋而且显示出来。

＆＃13;

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

＆＃13;

显示

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

创建的内容是正确的

Answer 1

我查看了他们的主页并下载了基本软件包。一世在包文件夹中找到了一个名为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

Answer 2

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

CKEDITOR的内容显示不正确

2 个答案: