javascript - 带有 CKEDITOR 的内容显示不正确

标签 javascript html css ckeditor

我在 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/

相关文章:

javascript - 使用 CTR 模式对 crypto-js 进行加密并在 Node crypto 上进行解密问题

javascript - jQuery 动画运行不流畅

javascript - 未定义导出 "MyModule"- 在 Jest 测试中

javascript - 用于验证的 jQueryUI 工具提示

javascript - 如何从使用 jquery 添加的项目中删除属性

html - Bootstrap Media类,如何清除:left on the image?

html - 无法覆盖第 nth-child 中设置的样式

javascript - 如何使用 `document.getElementById("a_link").click();`

javascript - 根据浏览器的宽度/高度在页面上自动缩放,就像 firefox 那样 ctr+-

具有标准页眉页脚布局但不使用表格标记的 HTML 页面