DEXT5 Editor는 웹상에서 문서를 작성하기 위한 솔루션으로 다음과 같이 구성되어 있습니다.
- Client Module : 화면 구성 및 파일을 전송하는 클라이언트쪽 모듈 [ Javascript, CSS, Images, XML, IE Plugin, SWF Plugin ]
- Server Module : 클라이언트로 부터 전송된 데이터를 서버쪽에서 처리해 주는 모듈 [ .NET(ashx, dll), JAVA(jsp, jar), PHP(php) ]
* 설치규격
- 지원 운영체제 : Microsoft Windows 2000 Server 이상, Linux, Unix 등
- 지원 웹 언어 : JSP JDK 1.5 이상 (JDK 1.4 별도문의), ASP, ASP.NET 2.0 이상, PHP (별도문의)
- 지원 웹 서버 : JDK 1.5 이상 (JDK 1.4 별도문의)을 사용하는 WAS, Microsoft .NET Framework 2.0 이상을 사용하는 IIS
* DEXT5 Editor 폴더 설명
- config
DEXT5 Editor의 환경설정을 담당하는 dext_editor.xml 을 포함하고 있습니다.
- css
DEXT5 Editor에 필요한 스타일시트 파일을 포함하고 있습니다.
- dext5editordata
저장경로에 대한 별도 설정이 없다면, 기본적으로 파일이 저장되는 ROOT 경로입니다.
- handler
파일을 서버에 저장하는 서버 모듈을 포함하고 있습니다. (.NET, JAVA, PHP 모듈)
- images
DEXT5 Editor에 필요한 이미지 파일을 포함하고 있습니다.
- js
DEXT5 Editor에 필요한 자바스크립트 파일을 포함하고 있습니다.
- pages
DEXT5 Editor에서 사용되는 다이얼로그창, 템플릿 등 필요한 HTML 파일을 포함하고 있습니다.
- plugin
플러그인 파일을 포함하고 있습니다. (Microsoft Internet Explorer의 기능 확장팩)
- sample
DEXT5 Editor의 기본 예제들을 포함하고 있습니다. (테스트 완료 후 삭제 하십시오)
* 설치방법
1. config\dext_editor.xml 설정
dext5 > license > product_key, license_key 에 발급받은 키를 설정합니다.
2. DEXT5 Editor Core 전체 폴더 업로드(하위폴더 및 파일포함)
WEB서버와 WAS가 분리되어 있는 경우 handler, handler\JAVA, handler\.NET, handler\PHP 폴더는 WAS서버에 업로드 합니다.
나머지 폴더는 WEB서버에 설치합니다.(WEB서버와 경로를 맞춰 WAS에 설치합니다.)
3. 웹 언어별 설정
1) ASP, ASP.NET :
config\dext_editor.xml 설정 : dext5 > uploader_setting > develop_langage 에 NET 으로 설정합니다.
(필요에 따라 handler_url을 설정합니다. ex: /handler/upload_handler.ashx)
handler\.NET 폴더의 dll 파일들을 해당 사이트 bin 폴더에 복사한 후,
첨부된 web.config의 내용을 사이트 web.config 에 적용합니다.
2) JSP(JAVA) :
config\dext_editor.xml 설정 : dext5 > uploader_setting > develop_langage 에 JAVA 로 설정합니다.
(필요에 따라 handler_url을 설정합니다. ex: /handler/upload_handler.jsp)
handler\java 폴더의 jar 파일들을 해당 사이트 WEB-INF\lib 폴더에 복사합니다.
jar 파일 변경시에는 서버를 재기동합니다.
3) PHP :
config\dext_editor.xml 설정 : dext5 > uploader_setting > develop_langage 에 PHP 로 설정합니다.
(필요에 따라 handler_url을 설정합니다. ex: /handler/upload_handler.php)
dext5 폴더를 가상디렉토리로 설정합니다.
4. 권한설정
아래의 경로에 쓰기 권한을 추가합니다.
1) 환경 설정 정보가 저장되는 파일
ex) config\dext_editor.xml
2) 파일이 업로드 되는 기본 폴더
ex) /dext5editordata
5. Sample Page 확인
Web Server에 맞게 /dext5editor/sample/index.html 연결
ex) http://localhost/dext5editor/sample/index.html
* DEXT5 Editor 서버 모듈 구성
기본적으로 파일을 업로드하면, 기본 설치폴더/dext5editordata 폴더에 파일이 업로드가 되며,
WEB 서버와 WAS가 분리된 경우 WAS쪽 폴더(/dext5editordata)에 업로드 됩니다.
* DEXT5 Editor를 생성하는 기본 방법
1) Javascript file include
<head>...</head> 태그 사이에 아래의 코드를 추가합니다.
<script type="text/javascript" src="DEXT5Editor설치폴더URL/js/dext5editor.js">
2) 에디터 객체 생성
<body>...</body> 태그 사이에 에디터가 들어갈 위치에 에디터 생성 코드를 삽입합니다.
<script type="text/javascript">
var dext5Editor = new Dext5editor("생성할 에디터 이름");
</script>
* DEXT5 Editor 환경 설정 방법
환경설정 방법은 Config xml 방식과 Javascript Property 방식을 지원합니다.
1) 클라이언트 가이드의 환경설정파일 부분을 참고하여,
/dext5editor/config/dext_editor.xml 파일에 설정 (기본 환경설정 파일이며, 다른 파일로 변경 가능합니다.)
2) 클라이언트 가이드의 Properties 부분을 참고하여, 아래와 같이 설정 (이렇게 설정된 값이 Xml 설정방식보다 우선 적용됩니다.)
ex)
DEXT5.config.Width = "900px";
var dext5Editor = new Dext5editor("생성할 에디터 이름");
*Runtimes 설정과 각 브라우저에 따른 DEXT5 Editor 모듈 설명
DEXT5 Editor는 Html5를 지원하지 않는 브라우저 및 추가기능 제공을 위하여 Hybrid 방식의 동작을 지원합니다.
해당방식은 다음과 같이 설정할 수 있습니다.
ex)
DEXT5.config.Runtimes = "html5";
→비설치형으로 동작하며, html5를 지원하는 않는 브라우저의 접속 시 html4 모드로 동작합니다.
DEXT5.config.Runtimes = "ieplugin";
→ IE 이외의 브라우저에서는 비설치형으로 동작하며, MS IE의 경우 설치형으로 동작합니다.
DEXT5.config.Runtimes = "9ieplugin";
→ IE 이외의 브라우저에서는 비설치형으로 동작하며, MS IE9 이하의 경우 설치형으로 동작합니다.
|