다음과 같이 설정 값을 지정하면 Xquared의 작동 방식을 손쉽게 변경할 수 있습니다:

  1. 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' (최대한 짧은 상대경로로 변환합니다):

  • http://a.com/b/c.html?d=1 --> #
  • c.html?d=2 --> ?d=2
  • http://a.com/b/d.html --> d.html
  • http://x.com/b.html --> http://x.com/b.html

 

'host_relative' (호스트가 다른 경우는 absolute, 호스트가 동일하면 path 이후 부분만 보존합니다):

  • http://a.com/b/c.html?d=1 --> /b/c.html?d=1
  • c.html?d=2 --> /b/c.html?d=2
  • http://a.com/b/d.html --> /b/d.html
  • http://x.com/b.html --> http://x.com/b.html

 

'absolute' (무조건 절대경로로 변환합니다):

  • http://a.com/b/c.html?d=1 --> http://a.com/b/c.html?d=1
  • c.html?d=2 --> http://a.com/b/c.html?d=2
  • http://a.com/b/d.html --> http://a.com/b/d.html
  • http://x.com/b.html --> http://x.com/b.html

 

'browser_default' (브라우저 기본 설정을 따릅니다):

  • 브라우저별로 다름.
widgetContainerPath 'widget_container.html' 위젯 컨테이너 HTML 파일의 경로.
whitelist {...}

Validator가 허용할 태그 목록 및 태그 별로 허용되는 속성 목록을 담고 있는 객체입니다. 다음과 같은 형식을 따릅니다:

{ 'a': ['href', 'id', 'class', ...],
   'blockquote': ['id', 'class', 'cite', ...],
   ....
}

단축키, 자동완성, 자동변환 등 다양한 확장점을 사용하여 Xquared에 기능을 추가하는 방법에 대해서는 기능 확장하기를 참고하세요.