在CKEditor中设置样式菜单的默认样式

时间:2017-02-09 07:05:51

标签: javascript jquery html css ckeditor

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

我的问题是

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

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

 config.enterMode = CKEDITOR.ENTER_P;

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

  1. 有没有办法设置默认样式元素。但我将其定制为

    config.format_p = {element:&#39; p&#39;,名称:&#39;正常&#39;,属性:{&#39;名称&#39;:&#39;更改&#39; }};

  2. 所以,它没有设置默认值。但我将其改为

    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'>
    

1 个答案:

答案 0 :(得分:-1)

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

您的HTML应该是这样的:

您的Jquery代码:

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

它会像<p>一样为<p class='change'>添加课程。