javascript - 从 CKEditor 中的样式菜单设置默认样式

Question

我是 CKEditor 的新手。我想在CKEditor中输入文本时，在CKEditor中添加一些样式更改。

我的问题是

1.无论如何，当我按下 Enter 按钮时，编辑器会自动将这些元素添加到编辑区域。我尝试了很多方法但我失败了。我正在使用以下方法来执行此操作。

<p name='change'> or <p class='change'> (Choose any one)

 config.enterMode = CKEDITOR.ENTER_P;

然后将这一行添加到config.js 文件。但是我无法自定义<p>当我按下 Enter 按钮时。

1. 有什么方法可以设置默认样式元素。但是我正在把它定制成

   config.format_p = { element : 'p',name:'Normal',attributes:{'name':'change'}};

所以，它没有设置默认值。但我正在把它改成

config.format_p = { element : 'p',name:'Normal'};

它将自动设置为默认值。我在谷歌上搜索了 20 个小时，我设置了默认字体大小和名称，以便将以下内容添加到 config.js

CKEDITOR.config.font_defaultLabel = 'Arial';
CKEDITOR.config.fontSize_defaultLabel = '20'; 

但是没有办法设置默认样式。请知道这个的人帮助我。这很重要。简单地说，我只想在按下 ENTER 按钮时添加到编辑器中。

<p name='change'> or <p class='change'>

Answer 1

在 CKEditor 页面上写 jquery 试试这个:

您的 HTML 应该是这样的:

您的 Jquery 代码:

<script type="text/javascript">
    $(document).ready(function () {
        $("#testDemo").addClass("change");
    });
</script>

它将为您的 <p> 添加类像这样<p class='change'> .