2

カスタムstylesSetの追加をテストしています。だから私のコードで私は以下を追加します（の指示に従って）

CKEDITOR.stylesSet.add('custom_style', [
  { name: 'No UL Bullets', element: 'ul', styles: { 'list-style-type': 'none' } },
  { name: 'My Custom Inline', element: 'span', attributes: { 'class': 'mine' } }
]);

oEditor.config.stylesSet = 'custom_style';

問題は、CKEditorに付属している残りのデフォルトスタイルを上書きすることです。新しいスタイルに既存のスタイルを追加する方法がわからないようです。何か案は？

4

2 に答える 2

3

config.stylesSetスタイルをデフォルトのスタイルに追加するためにオプションを変更する必要はありません。ファイルを編集して、styles.jsスタイルを追加および削除できます。と同じように構成ファイルですconfig.js。

更新config.stylesSet：ロードを回避するように直接設定できますstyles.js：

CKEDITOR.replace( 'editor1', {
    stylesSet: [
        { name: 'Big',              element: 'big' },
        { name: 'Small',            element: 'small' },
        { name: 'Typewriter',       element: 'tt' }
    ]
} );
于 2013-02-20T08:49:57.017 に答える
0

CKEditor 4で新しいスタイルとクラスを置き換えて作成する方法の例を次に示します。これは、ファイルstyles.jsのコンテンツ全体です。

CKEDITOR.stylesSet.add ('default', [
/* My Block Styles */
{ name: 'My Div Class', element: 'div', attributes: {'class': 'my-div-class-name'} },
{ name: 'My Div Style', element: 'div', styles: {'padding': '10px 20px', 'background': '#f2f2f2', 'border': '1px solid #ccc'} },

/* My Inline Styles */
{ name: 'My Span Class', element: 'span', attributes: {'class': 'my-span-class-name'} },
{ name: 'My Span Style', element: 'span', styles: {'font-weight': 'bold', 'font-style': 'italic'} }

]);

編集バー：

ここに画像の説明を入力してください

于 2013-11-08T14:09:56.413 に答える