Kentico CKEditorスタイルを動的に設定する

私はKentico 9を使用しています。異なるCK Editorスタイルセットを別のページで使用できるようにしたいと考えています。 styles.jsファイルに設定したスタイルを次のように追加しました。Kentico CKEditorスタイルを動的に設定する

CKEDITOR.stylesSet.add("mystyles", [{ name: "testone", element: "p" }]);

このページでは、CKエディタのWebサイトごとにJSを追加しました。

if (CKEDITOR.currentInstance) { 
    CKEDITOR.currentInstance.config.stylesSet = "mystyles"; 
}

CKエディタを含むページを読み込むとき、スタイルドロップダウンには、私が定義したカスタムスタイルセットではなく、デフォルトのスタイルセットが含まれています。

これを達成する方法を知っている人はいますか？

2016-09-14 SMSGavin

私はどのように私の問題を解決したかです。私はstyles.jsに次を追加しました：「私の-スタイル」スタイルセットを使用する必要がある私のサイトの地域のマスターページでは、

CKEDITOR.stylesSet.add("my-styles", [ 
    { name: "Paragraph", element: "p" }, 
    { name: "Heading 1", element: "h1" } 
]);

その後、私が追加：

<script>window.ckstyleset = "my-styles"</script>

は最後に、私が追加config.jsの中で：

var styleset = window.ckstyleset ? window.ckstyleset : "default"; 

config.stylesSet = styleset;

を、このアプローチを使用して、私は何をマスターページにして応じて、ドロップダウンにリストされているスタイルをカスタマイズすることができた使用です。

2016-09-30 03:13:58 SMSGavin

正しいことを覚えていれば、新しいツールバーセットをconfig.js（CMSAdminControls/CKEditor/config.js）ドロップダウンで定義する必要があります。以下のような

何か：

config.toolbar_Basic = [ 
['Bold', 'Italic', '-', 'NumberedList', 'BulletedList', '-', 'InsertLink', 'Unlink'] 
];

他の事 - あなたはWebパーツアプリケーション> EditableText Webパーツ]> [プロパティ]> [HTMLAreaToolbar>データソース

2016-09-14 06:12:58

ありがとう、私が取り組んでいるツールバーセットではありません。これは、ツールバーのセットにドロップダウンされるスタイルです。エディタがあるページに基づいてドロップダウンでスタイルをロードしたいと思っています。ドロップダウンにはいくつかのページに異なるスタイルが必要です。 – SMSGavin

にこのドロップダウンに新しいオプションを追加する必要があります。ここdocumentationですあなたは読む必要があります。

ドロップダウンスタイルがなど、CMS\CMSAdminControls\CKeditor\styles.jsで定義されています：あなたは（名前がドロップダウンリストに表示されます）スタイルの名前を定義し、あるべき要素とスタイル（S）

{ name: 'Italic Title',  element: 'h2', styles: { 'font-style': 'italic' } },

適用される。

ファイルを編集した後、のブラウザキャッシュをクリアしてください。ほとんどのKentico管理インターフェイスページはネストされており、iframe 'となっているため、キャッシュはかなり積極的で、キャッシュがクリアされるまでスタイルが表示されないことがあります。

2016-09-14 06:29:00

まあ、それは結局のところjavascriptなので、if文やswitch caseでurlを確認してから、必要なスタイルを適用するだけです。いくつかのコード例が必要ですか？あなたはインターネット上でそれらの多くを見つけることができるはずです:)

2016-09-14 08:02:26 JanH

答えて