Quantcast
Channel: DevNet Questions
Viewing all articles
Browse latest Browse all 8906

CKEditor styles

$
0
0
Hi,Is it possible to remove the default styles from the CKEditor and use my own? I already made a new toolbar named Custom inside the config.js file.config.toolbar_Custom = [ [sourceName, '-'], ['Undo', 'Redo', '-'], ['Bold', 'Italic', 'Underline', '-'], ['NumberedList', 'BulletedList', 'Outdent', 'Indent', '-'], ['JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-'], ['InsertLink', 'Unlink', '-'], ['InsertImageOrMedia', 'QuicklyInsertImage', '-'], ['Maximize'] ]; I defined styles in the styles.jsCKEDITOR.stylesSet.add('custom', [ /* Block Styles */ // These styles are already available in the @Format@ combo (@format@ plugin), // so they are not needed here by default. You may enable them to avoid // placing the @Format@ combo in the toolbar, maintaining the same features. { name: 'Paragraph', element: 'p' }, { name: 'Heading 1', element: 'h1', attributes: { 'class': 'custom-heading' } }, { name: 'Heading 2', element: 'h2' }, { name: 'Heading 3', element: 'h3' }, { name: 'Heading 4', element: 'h4' }, { name: 'Heading 5', element: 'h5' }, { name: 'Heading 6', element: 'h6' }, { name: 'Preformatted Text', element: 'pre' }, { name: 'Address', element: 'address' }, ... In my widget I set the default value of the toolbar set to Custom.Now, the widget is using my custom toolbar but it takes the styles from the default styleset. Is there a way to create/override the default styleset without modifying the default?Thanks in advance.

Viewing all articles
Browse latest Browse all 8906

Trending Articles