">" in custom style "name" throws error

[Gilles van den Hoven]

If you include html ">" in the styles definition (name part) the editor throws an error after you click that style in the combobox (most possibly other html to).

For example:
'Webunity > portfolio'

Error: this.element.getDocument().getById(this._.items[m]) is null
Source File: <snip>/ckeditor.js?t=AAM84PO
Line: 135

I found this because my CMS gets the styles from the DB and uses htmlspecialchars(PHP) to print customer specific styles to CkEditor.

Since this will probably be closed without fixing, i just wanted to log it for future users.

[Garry Yao]

Could you provide the full styles definition that is problematic?

[Gilles van den Hoven]

for instance this one works:

CKEDITOR.stylesSet.add('default', [ { name: 'Webunity > portfolio > werkzaamheden', element: 'div', attributes: { 'class': 'wuPortfolio' } }, { name: 'Webunity > blauw', element: 'span', attributes: { 'class': 'wuBlauw' } }, { name: 'Webunity > grijs (licht)', element: 'span', attributes: { 'class': 'wuGrijsLicht' } }, { name: 'Webunity > grijs (donker)', element: 'span', attributes: { 'class': 'wuGrijsDonker' } }, { name: 'CMS - Accordeon titel element', element: 'div', attributes: { 'class': 'wuaTitle' } }, { name: 'Koptekst 1', element: 'h1' }, { name: 'Koptekst 2', element: 'h2' }, { name: 'Koptekst 3', element: 'h3' }, { name: 'Koptekst 4', element: 'h4' }, { name: 'Koptekst 5', element: 'h5' }, { name: 'Koptekst 6', element: 'h6' } ]);

But this one fails:

CKEDITOR.stylesSet.add('default', [ { name: 'Webunity > portfolio > werkzaamheden', element: 'div', attributes: { 'class': 'wuPortfolio' } }, { name: 'Webunity > blauw', element: 'span', attributes: { 'class': 'wuBlauw' } }, { name: 'Webunity > grijs (licht)', element: 'span', attributes: { 'class': 'wuGrijsLicht' } }, { name: 'Webunity > grijs (donker)', element: 'span', attributes: { 'class': 'wuGrijsDonker' } }, { name: 'CMS - Accordeon titel element', element: 'div', attributes: { 'class': 'wuaTitle' } }, { name: 'Koptekst 1', element: 'h1' }, { name: 'Koptekst 2', element: 'h2' }, { name: 'Koptekst 3', element: 'h3' }, { name: 'Koptekst 4', element: 'h4' }, { name: 'Koptekst 5', element: 'h5' }, { name: 'Koptekst 6', element: 'h6' } ]);