Merge pull request #24 from techdivision/bugfix/multipleInlineClasses

[bugfix] Fix issues with multiple inline classes

Author: calcalid

README.md

@@ -81,6 +81,7 @@ Example: [Configuration/Settings.yaml](Configuration/Settings.yaml)
 **What values are allowed for cssClass?**
 - **Not null** Using an empty class (cssClass: null) to unset the value might cause errors during rendering in the backend. The select boxes of this package contain an "x" button for resetting the value.
 - You can add **multiple classes** by separating them with a whitespace. e.g. "btn btn-primary"
+-- *Caution* There is a known issue for block styles when using two options when one contains the other. e.g. "color-red" and "color-red bold". Please try to avoid this for block styles. 
 
 **Activate the preset for your inline editable NodeType property:**
 

Resources/Private/JavaScript/CkStyles/src/InlineStylesEditing.js

@@ -25,11 +25,11 @@ export default (presetIdentifier, presetConfiguration) =>
             // View configuration
             Object.keys(presetConfiguration.options).forEach(optionIdentifier => {
 
-                const classes = presetConfiguration.options[optionIdentifier].cssClass.split(' ');
+                const classes = presetConfiguration.options[optionIdentifier].cssClass;
 
                 config.view[optionIdentifier] = {
                     name: 'span',
-                    classes: classes
+                    attributes: { 'class': classes }
                 }
             });