债权人 - 将外部样式表应用于 CKEditor 文本区域中的内部文本

creditor - apply external stylesheet to the inner text in CKEditor textarea

本文关键字：文本 区域 内部 CKEditor 外部样式表 应用于 债权人      更新时间：2023-09-26

我知道类似的问题已经被问了很多，但我想要的是别的东西。

我喜欢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;
}

但仍然没有任何反应。

我使用"stylesparser"和"stylescombo"插件，但仍然没有运气。（或者也许我不知道如何配置它们）

我试图将这些 css 行放在内容.css文件中，但没有任何反应。

我

想知道，我问的在 CKEditor 中是可能的吗？如果是，如何？如果没有，是否有其他编辑器会给我这个功能？

多谢

在深入研究了每件事之后，我发现我在 css 中使用了"#"唱歌来定义类风格。 将其更改为"."后，一切都按我的预期进行。没有内联样式，当我将样式粘贴到段落或文本时，它变得可视化，不需要任何额外的插件。

相关文章：