다음과 같이 설정 값을 지정하면 Xquared의 작동 방식을 손쉽게 변경할 수 있습니다:
- xed.config.enableLinkClick = true;
사용할 수 있는 설정 값 목록은 다음 표를 참고하세요(알파벳 순):
| 설정이름 | 기본값 | 설명 |
|---|---|---|
| autoFocusOnInit | false | true로 설정하면 편집 모드가 실행될 때 자동으로 focus를 갖게 됩니다. |
| automaticallyHookSubmitEvent | true | Xquared에 연결된 엘리먼트가 textarea 이며, 해당 textarea가 form 안에 담겨 있는 경우, 이 값을 true로 설정하면 form이 submit 되기 전에 textarea의 값이 자동으로 갱싱됩니다. |
| bodyId | '' | WYSIWYG 편집기의 body 태그에 적용될 ID 값. |
| bodyClass | 'xed' | WYSIWYG 편집기의 body 태그에 적용될 class 값. |
| changeCursorOnLink | false | true로 설정하면 편집 모드의 링크 위에 마우스를 올렸을 때 마우스 커서가 손가락 모양으로 바뀝니다. 링크가 클릭 가능하게 만들려면 enableLinkClick 설정을 변경하셔야 합니다. |
| contentCssList | ['css/xq_contents.css'] | WYSIWYG 모드에서 쓰일 CSS의 목록. 이후에 xq.Editor.loadStylesheet() 함수를 통해 동적으로 추가할 수도 있습니다. 하지만 이 설정값을 통해 미리 CSS를 지정하면 초기 로딩시 화면 깜빡임을 줄일 수 있습니다. |
| defaultToolbarButtonMap | [...] | Xquared 기본 툴바에 들어갈 버튼들에 대한 정보를 담고 있는 배열. 이 값을 바꾸면 기본 툴바에 들어갈 버튼의 종류나 위치 등을 변경할 수 있습니다. 자세한 내용은 툴바 사용자 정의를 참고하세요. |
| enableLinkClick | false | true인 경우 링크를 클릭하면 해당 URL로 이동하게 됩니다. 링크 위에 마우스를 올렸을 때 커서가 손가락 모양으로 바뀌게 하려면 changeCursorOnLink 설정을 변경하셔야 합니다. |
| generateDefaultToolbar | true | Xquared에서 제공하는 기본 툴바를 보여줄 것인지 여부를 설정합니다. 사용자 정의 툴바를 쓰려면 false로 설정하세요. |
| imagePathForContent | 'img/content/' | 편집기 내부에서 쓰일 이미지들의 경로. |
| imagePathForDefaultToolbar | 'img/toolbar/' | 툴바 버튼 및 배경, 구분자 이미들이 있는 경로. |
| noValidationInSourceEditMode | false | true로 설정하면 소스 편집 모드에서 getCurrentContent()를 호출하거나 폼이 submit 될 때 Validation을 수행하지 않습니다. 하지만 소스 편집 모드에서 WYSIWYG 모드로 전환하거나 하면 이 옵션에 상관 없이 Validation이 수행됩니다. |
| urlValidationMode | 'absolute' |
URL 유효화 방식을 설정합니다. 예를 들어 현재 URL이 "http://a.com/b/c.html?d=1" 일 때 문서 내의 링크(href 등)는 모드에 따라 다음과 같이 바뀝니다:
'relative' (최대한 짧은 상대경로로 변환합니다):
'host_relative' (호스트가 다른 경우는 absolute, 호스트가 동일하면 path 이후 부분만 보존합니다):
'absolute' (무조건 절대경로로 변환합니다):
'browser_default' (브라우저 기본 설정을 따릅니다):
|
| widgetContainerPath | 'widget_container.html' | 위젯 컨테이너 HTML 파일의 경로. |
| whitelist | {...} |
Validator가 허용할 태그 목록 및 태그 별로 허용되는 속성 목록을 담고 있는 객체입니다. 다음과 같은 형식을 따릅니다: { 'a': ['href', 'id', 'class', ...], |
단축키, 자동완성, 자동변환 등 다양한 확장점을 사용하여 Xquared에 기능을 추가하는 방법에 대해서는 기능 확장하기를 참고하세요.
(5)
(
