Listen erweitern

Nutzt Ihr Design CSS Klassen um Listen in unterschiedlichen Stilen anzuzeigen, können Sie diese für die Editoren in der Frontend Administration bekanntgeben, so dass diese vom Redakteur ausgewählt werden können.

{
    "editor": {
        "lists": {
            "bullist": [
                {"data": "list-1"},
                {"data": "list-2"},
                {"data": "list-3"},
                {"data": "list-4"}
            ],
            "numlist": [
                {"data": "list-1"},
                {"data": "list-2"},
                {"data": "list-3"},
                {"data": "list-4"}
            ]
        }
    }
}

In diesem Beispiel erhalten un-/sortierte Listen jeweils vier weitere Optionen, bei denen jede die angegebene CSS Klasse setzt (mit einem Leerzeichen getrennt können Sie auch mehrere CSS Klassen auf einmal setzen). Neben der Eigenschaft data können Sie auch folgende Eigenschaften setzen:

• text: Die anzuzeigende Bezeichnung.
• remove: Diese Option aus der Liste entfernen.

Mit der remove Eigenschaft können Sie also die Listen auch von den Optionen befreien, die Sie nicht anbieten möchten. Folgendes Beispiel löscht alle Standard Optionen für die unsortierte Liste:

{
    "editor": {
        "lists": {
            "bullist": [{
                "data": "default",
                "remove": true
            }, {
                "data": "circle",
                "remove": true
            }, {
                "data": "disc",
                "remove": true
            }, {
                "data": "square",
                "remove": true
            }]
        }
    }
}