Active Designer를 설치를 했음에도 불구하고 해당 페이지에 접근할 때 마다 재 설치를 요구하는 경우이며, 이러한 현상은 <Object> 태그에서 Active Designer의 버전이 잘못 명시되어 있을 때 발생합니다.

Active Designer의 버전은 <Object>태그의 codebase속성값으로 cab파일의 주소와 조합이 되어 기재가 되며, 이곳에 기재된 버전이 실제 버전보다 높게 지정이 되어 있을 경우 항상 재 설치를 하게 됩니다. 따라서 반드시 버전을 올바로 지정을 해 주어야 합니다. 버전은 납품 메일에 기재되어 있습니다.

참고로 버전은 모두 4자리 이며, [n,n,n,n] 형식으로 표기됩니다.
(아래 그림 참조)

Active Designer가 정상적으로 설치가 되더라도 화면에 제대로 표시되지 않을 수 있습니다. 이와 같은 문제가 발생할 수 있는 원인은 다양하며, 원인에 따라 증상이 틀리게 나타날 수 있습니다.

다음은 에디터가 화면에 표시가 되지 않는 각각의 경우에 대한 원인 및 대처 방법입니다.

(1) 에디터가 표시될 자리에 이미지 아이콘이 나타납니다.

이와 같은 증상이 발생하는 주된 원인은 ActiveX의 런타임 라이선스(Runtime License)의 인증파일인 LPK파일의 경로가 잘못 지정이 되어 있거나 지정이 아예 안되어 있을 경우, 혹은 해당 LPK파일이 지정된 위치에 존재하지 않기 때문입니다.

Active Designer의 경우 런타임 라이선스파일인 tweditor.lpk 파일을 함께 배포하고 있으며, 해당 LPK파일이 지정된 경로에 존재하는지, 혹은 경로가 올바른지 확인을 해 보시기 바랍니다. 참고로, LPK파일의 경로는 반드시 상대 경로로 지정이 되어야 합니다. (아래 그림 참조)

[참고사항]
인터넷 익스플로어의 버전이 5.5 일 경우, <Object>태그에 바로 인접하여 hidden속성의 폼 요소가 포함이 되어 있을 시에 웹 브라우저의 특성상 간혹 이러한 증상이 나타날 수 있습니다. (아래 그림 참조)

따라서, 이러한 증상이 발견될 경우 해당 폼 요소를 <Object>태그와 인접하지 않은 다른 곳으로 이동시킬 것을 권장해 드립니다.

(2) 에디터가 표시될 자리에 아무 것도 표시되지 않습니다.

화면에 아무 것도 표시가 되지 않는 경우, 즉 빈 화면만 나타나는 경우이며, 이와 같은 증상이 발생할 경우 다음의 몇 가지 사항들을 확인해 주시기 바랍니다.

1. <Object>태그의 CLASSID 속성값에 지정된 Active Designer의 클래스 아이디가 올바로 지정이 되어 있지 않을 경우 화면에 아무 것도 표시되지 않을 수 있습니다. Ex) CLASSID="CLSID:AE96CB13-1248-4c23-AEE2-B768B1BCDC93"

   [참고사항] 클래스 아이디가 잘못 지정이 되어 있을 경우, 간혹 화면에 x표시가 나타나기도 합니다.

2. <Object>태그에 설정된 Active Designer의 크기를 확인하시기 바랍니다. 크기가 상대 값(%)으로 지정되어 있을 시에는 특히 유의하여 주시기 바랍니다.

3. 에디터 설치 cab파일의 경로가 잘못되었을 경우에 이러한 증상이 나타나며, Active Designer가 아직 설치가 되지 않은 시점입니다. 이에 관련된 보다 자세한 사항은 1. 설치 및 업데이트 관련 - [질문] 에디터가 포함된 페이지를 방문해도 설치가 되지 않습니다. 부분을 참고하시기 바랍니다.

4. "현재 보안 설정으로는 이 페이지의 ActiveX 컨트롤을 실행할 수 없습니다." 라는 메시지가 뜬 후 화면에 아무것도 표시되지 않은 경우라면, 보안 설정 부분을 참고해 현재 인터넷 익스플로어(Internet Explorer)의 ActiveX 보안 설정을 점검해 주시기 바랍니다.

(3) 에디터가 표시될 자리에 "License data of Active Designer is invalid." 라는 메시지가 표시됩니다.

이와 같은 증상이 발생하는 원인은 Active Designer의 도메인 라이선스 검사에서 실패하였기 때문입니다.

Active Designer의 경우 특정 도메인에서만 실행이 되도록 라이선스가 적용이 되어 있으며 (계약 방식에 따라 도메인 라이선스가 없을 수도 있습니다), 클라이언트의 사용자가 웹 브라우저의 주소 창에 입력하는 URL의 1차 도메인을 기준으로 라이선스를 검사합니다. 즉, 라이선스가 mydomain.com으로 적용이 되어 있을 경우, 사용자가 입력하는 URL의 1차 도메인은 반드시 mydomain.com 이어야만 Active Designer를 사용할 수 있습니다.

(4) 에디터가 표시될 자리에 "You must use Internet Explorer that version is higher than 5.5"라는 메시지가 표시됩니다.

이와 같은 증상의 원인은 인터넷 익스플로어(Internet Explorer)의 버전이 최소요구사항 보다 낮기 때문이며, Active Designer는 인터넷 익스플로어(Internet Explorer)의 버전이 5.5 이상일 경우에만 사용을 할 수 있습니다. 따라서 인터넷 익스플로어(Internet Explorer)를 버전 5.5 이상으로 업그레이드 해 주시기 바랍니다.

(5) 이 외의 경우
간혹 에디터가 표시될 자리에 아이콘이 표시되거나, 혹은 적절한 조치를 취했음에도 불구하고 정상적으로 표시가 되지 않을 경우에는 클라이언트의 시스템에 문제가 있을 가능성이 큽니다. 이러한 경우에는 인터넷 익스플로어의 재 설치 및 시스템의 재 설치를 권장해 드리며, 일부 한 두 대의 클라이언트 PC가 아닌 여러 대의 PC에서 동일한 현상이 발생한다면 저희의 개발 부서로 연락을 주시기 바랍니다.
(담당자 : 강원구, mail : wgkang@tagfree.com)

Active Designer의 버전이 올라갈 경우, 서버에서는 설치 파일의 재 배포 및 간단한 설정을 해 주어야 합니다. 클라이언트에서는 Active Designer가 포함된 페이지에 접속 시 상위 버전으로 자동으로 업데이트를 합니다.

이와 같이 상위 버전으로 자동으로 업데이트 되지 않는 문제의 원인은 <Object>태그에서 Active Designer의 버전이 올바로 지정이 되지 않았거나, 링크된 cab파일의 버전이 올바르지 않은 경우가 대부분입니다.

상위 버전으로 교체하실 때 서버 측에서는 다음의 사항을 반드시 확인해 주시기 바랍니다.

1. HTML에서 <Object>태그의 codebase속성값에서 version 값을 확인합니다. (..#version=1,7,7,7)

2. codebase속성값에서 링크된 cab파일의 버전을 확인합니다.
   (정확히는 cab파일 안의 ocx파일의 버전이며, 버전은 파일의 등록 정보에서 확인이 가능합니다)

   [유의사항] 위의 1), 2) 부분에 지정된 버전은 반드시 일치해야 합니다.

3. 캐시로 인해 새 cab파일이 다운이 되지 않을 수 있으므로, 도구-인터넷 옵션 메뉴를 선택한 후 일반 탭의 임시 인터넷 파일-설정 에서 캐시 설정을 '페이지를 열 때 마다' 으로 변경하신 후 재 시도해 보시기 바랍니다.

Active Designer는 초기 설정 파일(env.xml)을 통해 폰트의 크기 및 모양 등을 미리 지정할 수 있습니다. 초기 설정 파일(env.xml)에서 폰트 크기를 설정하는 방법은 다음과 같습니다.

1. env.xml 파일에서 TWEditor/Edit/FontSize 항목의 값으로 원하는 폰트 크기를 지정합니다.
2. <Object>태그의 ApplyInitData 파라 미터의 값을 1로 설정하여 초기 설정을 Active Designer의 초기화 시에 적용합니다. 이 파라 미터의 값이 0으로 지정이 되어 있으면 초기 설정 파일(env.xml)에 지정된 초기 설정들이 적용이 되지 않으므로 주의를 기울여 주시기 바랍니다.

폰트 크기 이외에도 폰트 모양, 폰트 색상, 배경 색, 배경 그림, 표 모양 등을 초기 설정을 통해 미리 지정할 수 있습니다. 초기 설정에 관련해 보다 자세한 사항은 개발자 가이드의 제 3 장 초기화 파일 부분을 참고하시기 바랍니다.

초기 설정 파일(env.xml)에서 TWEditor/Edit 항목에 설정된 값들은 <Object>태그의 ApplyInitData 파라 미터의 값이 반드시 1로 설정이 되어 있어야 적용이 되므로 이를 확인해 주시기 바랍니다. (아래 그림 참조)

[참고사항]
초기 설정 파일(env.xml)에서 TWEditor/Edit 항목에 설정된 값들은 ApplyInitData 파라 미터의 값에 따라 적용 여부가 결정되나, 그 이외의 설정 사항(UI, Mime등)들은 해당 파라 미터의 값과는 상관없이 항상 적용됩니다.

초Active Designer에서는 기존의 메뉴들 이외에 개발자가 원하는 메뉴를 추가하실 수 있으며 (커스텀 메뉴 기능), 개발자는 해당 메뉴를 선택했을 때의 동작을 직접 구현할 수 있습니다.

커스텀 메뉴 기능의 활용법 등에 대한 자세한 사항은 개발자 가이드의 제 3 장 초기화 파일 - 3. 초기화 파일의 각 요소의 의미 - (2) ShowMenu 부분을 참고하시기 바랍니다.

Active Designer는 메뉴 및 툴 바를 초기 설정 파일(env.xml)을 통해 구성합니다. 초기 설정 파일(env.xml)은 <Object>태그의 InitFile 파라 미터에 의해 지정이 되며, 만약 지정이 안 되어 있다거나 잘못 지정이 되어 있을 경우에는 메뉴 및 툴 바가 보이지 않게 됩니다.

InitFile 파라 미터의 값으로 지정된 초기 설정 파일(env.xml) 의 경로를 확인해 보시기 바랍니다. 참고로 경로는 반드시 절대 경로 (http://..)로 지정이 되어야 합니다.

[참고사항]
초기 설정 파일(env.xml)파일을 활용하여 메뉴 및 툴 바를 재 구성할 수 있습니다. 이에 관련된 보다 자세한 사항은 개발자 가이드의 제 3 장 초기화 파일 - 3. 초기화 파일의 각 요소의 의미 - (2) ShowMenu, (3) ShowToolBar 부분을 참고하시기 바랍니다.

1.7.7.11이하의 버전에서 나타나는 현상이며 이는 서버코드에(html) 다음의 스크립트를 넣으면 해결됩니다.

<SCRIPT>
function workaround()
{
// "a" is the name of the control.
window.document.all.item("a").style.display = "none"
window.document.all.item("a").style.display = ""
}
</SCRIPT>
<BODY onscroll="workaround();">

Active Designer의 경우, 기본적으로 엔터(Enter)키를 입력할 경우 단락이 하나 추가가 되며, 단락 간의 위 아래 간격은 약 2줄 정도입니다. 즉, 두 줄 아래에 새 단락(P 태그)이 추가가 됩니다. 하지만, Active Designer의 초기 설정 기능이나 API를 사용하면 사용자가 엔터(Enter)키를 입력했을 때의 줄 간격을 조절하거나 동작을 변경할 수 있습니다.

Active Designer를 활용하여 엔터(Enter)키 입력 시의 줄 간격을 조절하는 방법은 1. 초기 설정 기능을 이용하는 방법, 2. API를 사용하는 방법이 있으며, 이 중 적절한 방법을 선택해서 사용하시기 바랍니다.

1. 초기 설정 기능을 이용하는 방법
   이는 초기 설정 기능을 통해 특정 CSS 스타일시트를 적용함으로써 엔터(Enter)키의 입력 시 생성될 단락 간의 간격을 조절하는 방법입니다. (P태그의 위, 아래 여백 조정) 기본적으로, <P>태그 간의 간격을 조절하는 내용의 스타일이 포함된 CSS 스타일시트가 패키지에 포함이 되어 있으며 (tagfree.css), 이 CSS 파일의 경로를 초기 설정 파일(env.xml)의 TWEditor/Edit/StyleSheetLink 항목의 값으로 설정하면 엔터(Enter)키 입력 시의 줄 간격을 조절할 수 있습니다. tagfree.css 파일 내에 정의된 스타일은 원하는 대로 재 구성하여 사용하실 수 있습니다. 초기 설정 기능을 통한 CSS 파일의 링크에 대해서는 개발자 가이드의 제 3 장 초기화 파일 - 3. 초기화 파일의 각 요소의 의미 - (19) StyleSheetLink 부분을 참고하시기 바랍니다.

2. API를 사용하는 방법
   이는 Active Designer의 이벤트 기능을 통해서 처리하는 방법으로, 사용자가 화면에서 엔터(Enter)키를 입력할 때 발생하는 이벤트에서 기본의 태그의 삽입 대신에
   태그를 삽입함으로써 줄 간격을 조절합니다. 즉 이 경우에는 엔터(Enter)키 입력 시 단락(P 태그)이 생성되지 않으며, 새로운 줄(BR 태그)이 하나 생성됩니다. 해당 이벤트의 이름은 OnKeyDown이며, 개발자 가이드의 제 2 장 Tagfree Active Designer API - 4. Event - (5) OnKeyDown 부분에 이 이벤트에 대한 자세한 설명 및 엔터(Enter)값 처리를 위한 예제 스크립트가 포함되어 있습니다. 참고해 주시기 바랍니다.

워드에서 복사를 하면 선택된 내용 안에 이미지가 포함되어 있을 경우, 워드는 임시 폴더에 해당 이미지들을 임시로 생성해 놓게 됩니다.

하지만 워드에서 다른 내용을 다시 복사하면 이전에 복사할 때 생성되었던 이미지들이 임시 폴더에서 삭제가 됩니다. 즉, 동일 문서에서 복사->붙여 넣기를 여러 번 반복하면 이전에 복사되었던 이미지는 사라지게 됩니다.

따라서 워드로부터 복사를 해서 작업을 하실 때에는 가급적 내용을 한 번에 복사해서 붙여 넣기 하신 후 작업을 하거나, 그렇지 않을 경우에는 임시로 생성된 이미지를 별도로 관리해야 합니다.

Active Designer의 경우, 제품의 특성상 작성된 값을 저장할 때 항상 디자인 탭에 반영되어 있는 내용을 저장하도록 되어 있습니다. 즉, HTML 탭이나, 미리 보기 탭에서 내용을 변경한 후 현재의 탭에서 바로 저장을 하면 변경된 내용이 반영이 되지 않습니다. 따라서, 내용을 저장할 때에는 반드시 디자인 탭이 현재의 탭으로 선택이 되어 있어야 합니다.

하지만 사용자가 실수로 디자인 탭 이외의 탭에서 저장을 할 수도 있으므로, API 중 ActiveTab 프로퍼티를 이용해 사용자가 다른 탭에서 저장하는 것을 방지하도록 권장해 드립니다. ActiveTab 프로퍼티는 Active Designer에서 현재 선택된 탭의 인덱스를 반환하며, 개발자는 이 인덱스를 검사하여 사용자로 하여금 다른 탭에서 저장하는 것을 차단할 수 있습니다.

ActiveTab 프로퍼티에 대한 보다 자세한 사항 및 예제는 개발자 가이드의 제 2 장 Tagfree Active Designer API - 2. Property - (8) ActiveTab 부분을 참고하시기 바랍니다.

Active Designer는 작성되는 문서와는 상관없는 별도의 첨부 파일의 업로드를 위한 기능을 제공하고 있지 않습니다. 따라서, 첨부 파일 업로드 기능은 다른 상용 혹은 무료 업로드 컴포넌트를 사용하여 처리를 하시기 바랍니다.