Kentico CKEditor Configure Style Set Dynamically

Я использую Kentico 9, и я хотел бы иметь возможность использовать разные наборы стилей CK Editor на разных страницах. Я добавил стиль, указанный в файле styles.js следующим образом.Kentico CKEditor Configure Style Set Dynamically

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

Затем на странице я добавил несколько JS на веб-сайте CK Editor.

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

Другая вещь - вам нужно добавить новый вариант этого выпадающего списка в WebParts применение> EditableText WebPart> Свойства> HTMLAreaToolbar> DataSource

источник

2016-09-14 06:12:58

Спасибо, это не набор инструментов, над которым я работаю. Это стили в панели инструментов. Я хочу загрузить стили в раскрывающемся списке на странице, на которой находится редактор. Некоторые страницы нуждаются в разных стилях в раскрывающемся списке. – SMSGavin

Вот documentation вам нужно прочитать.

В раскрывающихся стилей определены в CMS\CMSAdminControls\CKeditor\styles.js, такие как:

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

Вы определяете имя стиля (название появляется в выпадающем списке), а затем элемент и стиль (ы), которые должны быть применяется.

После редактирования файла убедитесь, что вы очистите кэш браузера. Поскольку большинство страниц интерфейса администратора Kentico вложены и iframe 'd, кэширование довольно агрессивно, и ваши стили могут не отображаться до тех пор, пока не будет очищен кеш.

источник

2016-09-14 06:29:00

Ну, это просто javascript в конце концов, так что вы можете просто проверить URL-адрес в каком-либо выражении if или в каком-нибудь коммутационном футляре, а затем применить стили, которые вам нужны. Вам нужен пример кода? Вы должны быть в состоянии найти многие из них в Интернете :)

источник

2016-09-14 08:02:26 JanH

Kentico CKEditor Configure Style Set Dynamically

ответ

Смежные вопросы