다양한 웹에디터 지원 방법

메일캐리어 웹액세스는 RadEditor, CKEditor, TinyMCE 웹에디터를 지원하며 web.config 파일 설정을 통해 여러 환경을 제공할 수 있습니다.

하나의 에디터로 고정하는 방법

웹액세스 web.config 파일을 연 후 아래 EditorNameFixed 항목을 찾습니다.

web.config
<add key="EditorNameFixed" value="" />

지정 가능한 값은 radeditor, ckeditor, tinymce 중에 하나이며 아래는 tinymce를 지정한 예제입니다.

web.config
<add key="EditorNameFixed" value="tinymce" />

EditorNameFixed에 값이 지정될 경우 개별 사용자는 웹에디터를 선택할 수 없으며 지정된 웹에디터를 사용해 메일을 작성하게 됩니다.

사용자가 자유롭게 선택해서 사용하는 방법

웹액세스 web.config 파일을 연 후 아래 EditorNameFixed 항목을 찾아 값을 빈 상태로 변경합니다.

web.config
<add key="EditorNameFixed" value="" />

EditorName 항목을 찾아 아래와 같이 기본 웹에디터를 지정합니다. 기본 웹에디터는 로그온 사용자가 별도로 웹에디터를 선정하지 않았을 경우 사용되는 웹에디터로 radeditor, ckeditor, tinymce 중 하나를 지정합니다.

web.config
<add key="EditorName" value="radeditor" />

로그온 사용자는 [환경 설정 > 메일 쓰기]로 이동해 웹에디터를 변경할 수 있으며, 개인별로 선택한 웹에디터는 개인 프로필에 저장되어 지속적으로 유지됩니다.

웹에디터 기본 폰트 설정 방법

웹에디터에서 사용되는 기본 폰트와 크기, 줄간격을 조정할 수 있습니다.

아래는 기본값인 '맑은 고딕' 대신 '굴림' 폰트를 지정했습니다.

web.config
<add key="EditorDefaultFont" value="굴림" />
<add key="EditorDefaultFontSize" value="10pt" />
<add key="EditorDefaultLineHeight" value="normal" />

기본 줄간격은 normal로 웹 브라우저가 줄간격을 조정합니다. 줄간격을 키우기 위해서는 1.5이상 값을 지정합니다.

RadEditor 폰트 추가 방법

RadEditor에 임의의 폰트를 추가할 수 있습니다.

아래는 웹액세스 Etc/RadEditor/Mail.xml 파일에 Pretendard 폰트를 추가한 모습입니다.

Etc/RadEditor/Mail.xml
<fontNames>
  <item name="Pretendard" />
  <item name="맑은 고딕" />
  <item name="굴림" />
  <item name="궁서" />
  <item name="돋움" />
  ...
</fontNames>

RadEditor 설정 파일은 WebAccess/Etc/RadEditor 폴더 아래에 XML 파일로 저장되며 아래와 같습니다.

파일 이름

설명

Approval.xml

전자 결재 문서 편집

AutoReply.xml

메일 자동 응답 편집

Board.xml

게시판 글쓰기

Calendar.xml

일정 작성

Mail.xml

메일 편집

Signature.xml

메일 서명 편집

CKEditor 폰트 추가 방법

CKEditor에 임의의 폰트를 추가할 수 있습니다.

Etc/CKEditor/define.js 파일에 Pretendard 폰트를 추가한 모습입니다.

Etc/CKEditor/define.js
var ck_fontlist = "Pretendard/Pretendard;맑은 고딕/Malgun Gothic;굴림/굴림;궁서/궁서;돋움/돋움;바탕/바탕;Times New Roman/times new roman;MS Sans Serif/ms sans serif;Tahoma/tahoma;Verdana/verdana;Arial/arial;Courier New/courier new";

웹에디터 폰트 상자에 표시되는 이름과 font 태그에 추가되는 이름을 /로 구분해 입력합니다. 폰트는 ;으로 구분합니다.

TinyMCE 폰트 추가 방법

TinyMCE 웹에디터에 임의의 폰트를 추가할 수 있습니다.

Etc/TinyMCE/define.js 파일에 Pretendard 폰트를 추가한 모습입니다.

Etc/TinyMCE/define.js
var tm4mc_fontlist = "Pretendard=Pretendard;맑은 고딕=Malgun Gothic;굴림=굴림;궁서=궁서;돋움=돋움;바탕=바탕;Times New Roman=times new roman;MS Sans Serif=ms sans serif;Tahoma=tahoma;Verdana=verdana;Arial=arial;Courier New=courier new";

웹에디터 폰트 상자에 표시되는 이름과 font 태그에 추가되는 이름을 =로 구분해 입력합니다. 폰트는 ;으로 구분합니다.