Hi all,
First congratulations to the people responsible for a great tool.
Now for the question. I have looked at the doc, downloaded the overnight build, searched the forum, googled variants of the question and couldn't find a solution to this.
The provided example of Styles for the Styles dropdown (plugins\stylescombo\styles\default.js) lists a few entries which do not appear in the list (all at the bottom, starting with the 'Image on Left' style.)
The example in the docs (http://docs.cksource.com/ckeditor_api/symbols/src/plugins_styles_styles_default.js.html) also mentions these missing styles and claims they are in the list.
I tried to create some styles of my own and similar oddities arise. See the example below:
CKEDITOR.stylesSet.add('default',[ {name:'Heading 1',element:'p',styles:{'font-size':'14px', 'margin-bottom':'10px', 'font-weight':'bold'}}, {name:'Heading 2',element:'p',styles:{'font-size':'12px', 'margin-bottom':'10px', 'font-weight':'bold', 'font-style':'italic'}}, {name:'Std Text',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px'}}, {name:'Std Text Ctr',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px', 'text-align':'center'}}, {name:'Std Text Right',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px', 'text-align':'right'}}, {name:'Std Text Bold',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px', 'font-weight':'bold'}}, {name:'Std Text Bold Ctr',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px', 'font-weight':'bold', 'text-align':'center'}}, {name:'Std Text Bold Right',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px', 'font-weight':'bold', 'text-align':'right'}}, {name:'Std Link',element:'p',styles:{'font-size':'11px', 'margin-bottom':'10px', 'color':'#bb0000', 'text-transform':'none', 'text-decoration':'underline'}}, {name:'List Text',element:'p',styles:{'font-size':'11px'}}, {name:'List Text Ctr',element:'p',styles:{'font-size':'11px', 'text-align':'center'}}, {name:'List Text Right',element:'p',styles:{'font-size':'11px', 'text-align':'right'}}, {name:'List Text Bold',element:'p',styles:{'font-size':'11px', 'font-weight':'bold'}}, {name:'List Text Bold Ctr',element:'p',styles:{'font-size':'11px', 'font-weight':'bold', 'text-align':'center'}}, {name:'List Text Bold Right',element:'p',styles:{'font-size':'11px', 'font-weight':'bold', 'text-align':'right'}}, {name:'List Link',element:'p',styles:{'font-size':'11px', 'color':'#bb0000', 'text-transform':'none', 'text-decoration':'underline'}}, {name:'Bullet List - disc',element:'ul',styles:{'list-style-type':'disc'}} ]);
Re: Styles dropdown missing entries
Check the FAQ, the styles combo acts on the current selection.
Re: Styles dropdown missing entries
would like to get this code generated:
<ul class="ListSquareGold">
<li>This one</li>
<li>That One</li>
</ul>
I am using this code to add style... the other three show up in styles list, but no the UL style
CKEDITOR.addStylesSet( 'bls_styles',
[
{ name : 'Body', element : 'p', attributes : { 'class' : 'body' } },
{ name : 'SectionHeading' , element : 'p', attributes : { 'class' : 'PageSectionHeading' } },
{ name : 'ListSquareGold' , element : 'ul', attributes : { 'class' : 'ListSquareGold' } },
{ name : 'SecondaryMenu' , element : 'div', attributes : { 'class' : 'Menu2' } }
]);
Any thoughts? if this is not right way to do this, please advise.
Re: Styles dropdown missing entries
Hi there,
A year later, still the same problem, still no answer it seems?
I can't see how this is helping I'm afraid.
What I said is that the style I have defined isn't appearing in the Styles dropdown (along with other styles which were there by default, which I would have thought could display...)
And since the style isn't appearing how can I apply it to the 'current selection'?
Is there a fix for this?
Thanks.
Re: Styles dropdown missing entries
What Alfonso meant, I think, is also explained here: http://docs.cksource.com/CKEditor_3.x/H ... _Selection
The Styles drop-down menu shows the styles that are available for the element that is currently selected in the editor. Most of the styles from your example show up because they pertain to the paragraph element (see: "element : 'p'" in the definitions).
In short, if you want to see a style for a list element (ul), you need to add a list element to the editor first and then select it (place your cursor inside etc.). The Styles drop-down list will then show the styles that were designed for "element: 'ul'", if they were properly defined.
The Styles feature does not create the elements, it just changes their style. You need to create them by yourself first and then select in the editor.
Documentation Manager, CKSource
See CKEditor 5 docs, CKEditor 4 docs, CKEditor 3 docs, CKFinder 3 docs, CKFinder 2 docs for help.
Visit the new CKEditor SDK for samples showcasing editor features to try out and download!