자산 유형에 큰 텍스트 필드를 추가하고 모양을 서식 있는 텍스트 편집기로 설정한 후 사용자정의 도구모음을 생성할 수 있습니다.
도구모음은 표준 도구모음 그룹 및 옵션으로 미리 채워져 있으며, 미리보기가 표시됩니다.
도구모음을 사용자정의하려면 JSON 탭을 누르고 CKEditor 구문을 사용하여 JSON 구성을 편집합니다. https://ckeditor.com/latest/samples/toolbarconfigurator/index.html#basic을 참조하십시오.
큰 텍스트 필드에는 다음 그룹이 지원됩니다.
"basicstyles" - 굵은체/기울임꼴/밑줄로 제한됨 https://ckeditor.com/cke4/addon/basicstyles
"styles" - 글꼴 스타일 https://docs.ckeditor.com/ckeditor4/latest/guide/dev_styles.html
"colors" - 텍스트 및 배경색 https://docs.ckeditor.com/ckeditor4/latest/guide/dev_colorbutton.html
"undo" - 편집기에서 현재 항목의 실행 취소/재실행
"links" - 사용자정의 플러그인 링크 대화상자
"paragraph" - 글머리표/번호 목록 및 들여쓰기 지원
"list"
"indent"
"align" - 왼쪽/오른쪽/가운데
"insert"
"image"
"table"
"cleanup" - 선택된 텍스트의 스타일 제거
또한 행 구분 기호 항목 사용 가능: "/"
주:
도구모음 그룹 구성에서 다른 값을 설정하면 Site Builder 도구모음이 생성되기 전 해당 값이 제거됩니다. "extraPlugins"는 제공할 수 없습니다. "name"/"groups" 구성만 지원됩니다. 모든 "items" 항목은 무시됩니다.속성에 대해 "toolbarGroups"와 "removeButtons" 또는 "toolbar"를 사용할 수 있습니다. 아래의 예를 참조하십시오.
예 2-1 옵션 1: "toolbarGroups" 및 "removeButtons"
{
"toolbarGroups": [
{"name": "basicstyles"}
,
{"name": "styles"}
,
{"name": "colors"}
,
{"name": "clipboard"}
,
"/",
{"name": "links"}
,
{"name": "insert"}
,
{"name": "paragraph","groups": ["list","indent"]}
,
{"name": "align"}
,
{"name": "undo"}
,
{"name": "cleanup"}
,
{"name": "mode"}
,
{"name": "tools"}
],
"removeButtons": "Styles,Subscript,Superscript,Anchor,Blockquote,PasteFromWord,Copy,Cut"
}예 2-2 옵션 2: "toolbar"
{
"toolbar" = [
{ "name":"basicstyles","items":["Bold","Italic","Underline","Strike","Subscript","Superscript","-","CopyFormatting","RemoveFormat"] }
,
{ "name":"paragraph","items":["NumberedList","BulletedList","-","Outdent","Indent","-","Blockquote","CreateDiv","-","JustifyLeft","JustifyCenter","JustifyRight","JustifyBlock","-","BidiLtr","BidiRtl","Language"] }
,
{ "name":"links","items":["Link","Unlink","Anchor"] }
,
{ "name":"insert","items":["Image","Flash","Table","HorizontalRule","Smiley","SpecialChar","PageBreak","Iframe"] }
,
"/",
{ "name":"styles","items":["Styles","Format","Font","FontSize"] }
,
{ "name":"colors","items":["TextColor","BGColor"] }
,
{ "name":"tools","items":["Maximize","ShowBlocks"] }
,
{ "name":"about","items":["About"] }
]}