我在 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 创建的内容对我来说是正确的
最佳答案
我看了一下他们的主页,下载了基础包。我 在包文件夹中找到一个名为 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
关于javascript - 带有 CKEDITOR 的内容显示不正确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28549210/