사이트 작성기에서 도구모음 그룹 사용자정의

사용자정의 구성요소의 경우 사이트 작성기 도구모음에 표시된 미리 정의된 도구모음 그룹의 복사본을 사용자정의할 수 있습니다.

제한된 집합을 가지고 사용자정의 태그에 사용할 수 있는 미리 정의된 구성요소의 고유한 버전을 생성할 수 있습니다. 사용자정의 요소는 미리 정의된 구성요소에 영향을 미치지 않습니다.

제한된 집합을 가지고 사용자정의 태그에 사용할 수 있는 미리 정의된 구성요소의 고유한 버전을 생성할 수 있지만, 미리 정의된 구성요소에는 영향을 미치지 않습니다.

도구모음 그룹은 제목 또는 단락 구성요소를 눌러 편집할 때 도구모음에 표시되는 항목을 정의합니다. 제목 또는 단락 구성요소에서 지원되는 항목을 제거하고 재정렬할 수 있지만 추가 플러그인은 허용되지 않습니다.

사이트 작성기에서 도구모음 그룹을 사용자정의하려면 CKEditor의 toolbarGroups 구성에 사용한 것과 동일한 구문을 사용해야 합니다. https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic을 참조하십시오.

제목 및 단락 구성요소는 다음 그룹을 지원합니다.

단락 구성요소는 이미지 및 테이블 삽입 플러그인도 지원합니다.”

  • "insert"

    • "image"

    • "table"

또한 행 구분 기호 항목을 사용할 수 있습니다.

  • "/"

주:

도구모음 그룹 구성에서 다른 값을 설정하면 Site Builder 도구모음이 생성되기 전 해당 값이 제거됩니다. "extraPlugins"는 제공할 수 없습니다. "name"/"groups" 구성만 지원됩니다. 모든 "items" 항목은 무시됩니다. 

예를 들어, 사용자가 글꼴, 색상, 스타일 또는 크기를 정의하지 못하게 하려면 다음과 같이 도구모음 구성을 업데이트할 수 있습니다. "id" 값의 경우 미리 정의된 값과 다른 사용자정의 값을 지정해야 합니다.

[{
    "name": "<category name>",
    "list": [{
        "type": "scs-title",
        "id": "<custom-value>",
        "config": {
            "toolbarGroups": [{
                    "name": "basicstyles",
                    "groups": ["basicstyles"]
                }, {
                    "name": "undo",
                    "groups": ["undo"]
                },
                "/", {
                    "name": "links",
                    "groups": ["links"]
                }, {
                    "name": "paragraph",
                    "groups": ["list", "indent"]
                },
                "/", {
                    "name": "align",
                    "groups": ["align"]
                },
                {
                    "name": "insert",
                    "groups": ["image", "table"]
                }, {
                    "name": "cleanup",
                    "groups": ["cleanup"]
                }
            ]
        }
    }, {
        "type": "scs-paragraph",
        "id": "<custom-value>",
        "config": {
            "fontSize_sizes": "16/16px;24/24px;48/48px;"
        }
    }]
}]

검증

components.json 파일을 앞의 코드로 바꾸고 사이트를 편집하십시오(이미 편집 중인 경우 브라우저 새로고침). 이 시점에 제목 구성요소를 편집할 때 더 이상 선택할 글꼴 스타일 또는 색상이 표시되지 않습니다. 단락 구성요소에는 계속 표시되며 사용 가능한 글꼴 크기 목록은 16, 24, 48로 제한됩니다.

기본 도구모음 그룹

제목 및 단락에 대한 기본 도구모음 그룹은 다음과 같습니다.

  • 제목

    [{
        "name": "basicstyles",
        "groups": ["basicstyles"]
    }, {
        "name": "styles",
        "groups": ["styles"]
    }, {
        "name": "colors",
        "groups": ["colors"]
    }, {
        "name": "undo",
        "groups": ["undo"]
    },
    "/", {
        "name": "links",
        "groups": ["links"]
    }, {
        "name": "paragraph",
        "groups": ["list", "indent"]
    }, {
        "name": "align",
        "groups": ["align"]
    }, {
        "name": "cleanup",
        "groups": ["cleanup"]
    }
]

  • 단락

    [{
        "name": "basicstyles",
        "groups": ["basicstyles"]
    }, {
        "name": "styles",
        "groups": ["styles"]
    }, {
        "name": "colors",
        "groups": ["colors"]
    }, {
        "name": "undo",
        "groups": ["undo"]
    },
    "/", {
        "name": "links",
        "groups": ["links"]
    }, {
        "name": "paragraph",
        "groups": ["list", "indent"]
    }, {
        "name": "align",
        "groups": ["align"]
    }, {
        "name": "insert",
        "groups": ["image", "table"]
    }, {
        "name": "cleanup",
        "groups": ["cleanup"]
    }
]