Question

我知道类似的问题已被问到这么多，但我想要的是别的东西。

我喜欢CKEditor，但有一件事困扰我，内联样式。我想摆脱它。我已添加此代码以自定义下拉列表：

    CKEDITOR.stylesSet.add( 'default', [
                // Block Styles
                { name: 'Blue Title',       element: 'h3',      attributes: { 'class': 'Blue' } },
                { name: 'Red Title',        element: 'h3',      attributes: { 'class': 'Red' } },

                // Inline Styles
                { name: 'Marker: Yellow',   element: 'span',    attributes: { 'class': 'Yellow' } },
                { name: 'Marker: Green',    element: 'span',    attributes: { 'class': 'Lime' } }


            ] );

你可以看到我没有使用任何样式的元素，只有类。现在当我点击下拉列表并选择其中任何一个时，我得到了这个：

<p><span class="Yellow">this is a paragraph</span></p>

这很好。但是下拉列表没有样式，并且所见即所得文本区域中的文本没有变化。

我试过

CKEDITOR.config.contentsCss = '/myStyle.css';

并将此代码放入其中

#Yellow{
background-color: #ffff00;
}

#Lime{
background-color: lime;
}

但仍然没有任何反应。

我使用＆＃39; stylesparser＆＃39;和＆＃39; stylescombo＆＃39;插件，但仍然没有运气。（或者我可能不知道如何配置它们）

我试图将这些css行放在contents.css文件中但没有发生任何事情。

我想知道，我在CKEditor中可以提出的问题是什么？如果是，怎么样？如果否，是否还有其他编辑器会给我这个功能？

非常感谢

Answer 1

在深入挖掘每件事之后，我发现我正在使用＆＃39;＃＆＃39;在我的CSS中唱歌来定义课堂风格。将其更改为＆＃39;。＆＃39;一切都如我所料。没有内联样式，当我将样式用于段落或文本时，它变得可视化，并且不需要任何额外的插件。

creditor - 将外部样式表应用于CKEditor textarea中的内部文本

1 个答案: