웹에디터

웹에디터

개요

게시판, 자료실의 메모장에서 사용자가 자유롭게 컨텐츠를 편집할 수 있는 기능의 컴포넌트을 제공한다. 텍스트 및 HTML 편집 기능을 지원하고, 이미지 업로드 및 이미지를 편집기에 보여주는 기능이 있어야 한다. 웹 에디터는 웹 브라우저에서 게시판, 공지사항, 자료실, 사진첩과 같이 입력기능이 있는 곳에서 사용할 수 있다.

본 기능은 전자정부 표준프레임워크 공통컴포넌트 요소기술 내에 구성되어 있다.

설명

① 웹에디터 편집기능

메소드

N/A

환경설정

N/A

사용방법

자바스크립트 호출

<script type="text/javascript">
_editor_area = "emailCn";          -> 페이지에 웹에디터가 들어갈 위치에 넣은 textarea ID
</script>
<script type="text/javascript" src="<c:url value='/html/egovframework/cmm/utl/htmlarea3.0/htmlarea.js'/>"></script>

submit 호출 javascript function 부분 처리

function fn_egov_regist() {
    document.club.onsubmit();  // 추가 처리 부분으로 club 부분은 실제 form명으로 변경
   ...
    document.club.submit();
}

Body Onload 부분 처리

<body onLoad="HTMLArea.init(); HTMLArea.onload = initEditor;">

textarea

<tr> 
  <th>발신 내용<img src="/images/egovframework/ems/required.gif" width="15" height="15"></th>
  <td width="350">
    <textarea id="emailCn" name="emailCn" cols="75" rows="14"  style="width:550px; height:400px">
    </textarea> 
  </td>
</tr>

참고자료

N/A

유형	대상소스명	설명
HTML	/html/egovframework/cmm/utl/htmlarea3.0	HTMLAREA3.0 웹에디터
JS	/html/egovframework/cmm/utl/htmlarea3.0/htmlarea.js	웹에디터 동작 스크립트
Controller	egovframework.com.utl.wed.web.EgovWebEditorImageController	이미지 등록 Controller
JSP	WEB_INF/jsp/egovframework/cmm/utl/wed/EgovInsertImage.jsp	이미지 등록 페이지