如何将 p 元素默认为“正常” CKEditor 中的样式

发布于 2024-12-06 18:19:56 字数 336 浏览 1 评论 0原文

如果我向 CKEdtior 添加段落样式 例如:

format_p: { 元素 : 'p', 属性 : { 'style' : 'FONT-SIZE:16px;color:#000000;FONT-STYLE:normal;FONT-FAMILY:Arial, Helvetica, sans-serif;font -体重:正常;' } }

按回车键时默认样式为空白。但是,如果我将样式设置为“正常”,则会应用样式,并且通过单击 Enter 键创建的后续 p 包含上面的样式。

我想要的是所有段落(标签“p”)默认使用“正常”样式。有办法实现这一点吗?

If I add a paragraph style to the CKEdtior
eg:

format_p: { element : 'p', attributes : { 'style' : 'FONT-SIZE:16px;color:#000000;FONT-STYLE:normal;FONT-FAMILY:Arial, Helvetica, sans-serif;font-weight:normal;' } }

The default style when pressing the enter key is blank. However, if I set the style to "Normal" the style is applied and subsequent p's created by clicking the enter key include the style above.

What I want is for all paragraphs (tag 'p') to use the "Normal" style by default. Is there a way to achieve this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

本宫微胖 2024-12-13 18:19:56

我认为您已经使用过“contentsCss”,您是否尝试过像这样的“dataProcessor”:

CKEDITOR.on('pluginsLoaded', function (event) {
 event.editor.dataProcessor.dataFilter.addRules({
  elements: {
    p: function (element) {
      // element.attributes
    }
  }
});

event.editor.dataProcessor.htmlFilter.addRules ({
  elements: {
    p: function (element) {
      // element.attributes ...
    }
  }
});
});

I think you have use 'contentsCss', have you try 'dataProcessor' like this :

CKEDITOR.on('pluginsLoaded', function (event) {
 event.editor.dataProcessor.dataFilter.addRules({
  elements: {
    p: function (element) {
      // element.attributes
    }
  }
});

event.editor.dataProcessor.htmlFilter.addRules ({
  elements: {
    p: function (element) {
      // element.attributes ...
    }
  }
});
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文