CKEditor 样式表解析器

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文件。但是，file://...path 在 Chrome 中仍被视为跨域请求，但 FF 和 IE 可以正常使用它。

当我在服务器中尝试此操作时，它与 Chrome 一起正常工作。不幸的是，似乎没有办法让跨域请求在 Chrome 和 Firefox 中工作。

CKEditor 样式表解析器

CKEditor Stylesheet Parser

ckeditor

ckeditor4.x