카테고리 없음

Dext5 Editor에 대한 소개

미니시리 2022. 12. 2. 20:45

개발자라면 누구나 한 번쯤 에디터 툴을 써봤을 것이다. 기존 에디터들은 HTML 태그 구조 기반이기 때문에 문서구조 변경 시 수정사항 반영속도가 느리다. 또한 CSS/JavaScript 적용도 번거롭다. 이러한 문제를 해결하기 위해 나온 게 바로 Dext5다. 그렇다면 Dext5란 무엇이고 어떻게 활용할 수 있는지 알아보자.

 

설치 규격

  • 지원 운영체제 : 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에 필요한 스타일시트 파일을 포함하고 있습니다.
  • handler : 파일을 서버에 저장하는 서버 모듈을 포함하고 있습니다. (.NET, JAVA 모듈)
  • help : DEXT5 Editor의 사용자 매뉴얼을 포함하고 있습니다. (국문,영문 제공)
  • imageEdit : DEXT5 Editor의 이미지 편집기 파일을 포함하고 있습니다.
  • images : DEXT5 Editor에 필요한 이미지 파일을 포함하고 있습니다.
  • js : DEXT5 Editor에 필요한 자바스크립트 파일을 포함하고 있습니다.
  • pages : DEXT5 Editor에서 사용되는 다이얼로그창, 템플릿 등 필요한 HTML 파일을 포함하고 있습니다.
  • plugin : 플러그인 파일을 포함하고 있습니다. (Microsoft Internet Explorer의 기능 확장팩)
  • sdk : DEXT5 Editor의 SDK를 포함하고 있습니다. (테스트 완료 후 삭제 하십시오)

 

설치방법

  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>
저작자표시 (새창열림)