Question

我正在使用CKEditor 4.4.5及其插件Stylesheet Parser 4.4，但我从样式下拉列表中获取了空列表。

要让我的问题更容易理解，请尝试使用此代码（从示例网站下载：http://sdk.ckeditor.com/samples/styles.html）：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="robots" content="noindex, nofollow">
    <title>Stylesheet Parser plugin</title>
    <script src="http://cdn.ckeditor.com/4.5.2/standard-all/ckeditor.js"></script>
</head>

<body>

    <textarea cols="80" id="editor2" name="editor2" rows="10" >&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;
    </textarea>

    <script>
        CKEDITOR.replace( 'editor2', {
            extraPlugins: 'stylesheetparser',
            height: 300,

            // Custom stylesheet for editor content.
            contentsCss: [ 'http://sdk.ckeditor.com/samples/assets/stylesheetparser/stylesheetparser.css' ],

            // Do not load the default Styles configuration.
            stylesSet: []

        } );
    </script>
</body>

</html>

它确实不起作用。但该网站上的样本效果很好。我还找到了另一个示例站点： http://ckeditor.com/ckeditor_4.3_beta/samples/plugins/stylesheetparser/stylesheetparser.html

我试图从这个演示网站复制所有源代码，但没有运气。

其他人有同样的问题吗？如何使上面的代码工作？它基本上使用CDN网站的源代码，所以我认为源代码的版本不重要。

Answer 1

您应该尝试使用此版本：http://ckeditor.com/addon/stylesheetparser-fixed 官方插件很久以前就存在一些问题，但他们似乎并不打算修复它们。

Answer 2

此问题是由跨域请求引起的。 CSS文件在HTTP服务器中，我的应用程序使用端口号运行。因此，它们被视为跨域请求。

我还测试了本地文件中的HTML页面和CSS文件。但是，在Chrome中，file：//... path仍然被视为跨域请求，但FF和IE可以正常使用。

当我在服务器中尝试此操作时，它可以与Chrome正常运行。不幸的是，似乎无法在Chrome和Firefox中使跨域请求工作。

CKEditor样式表解析器

2 个答案: