게시판, 자료실의 메모장에서 사용자가 자유롭게 컨텐츠를 편집할 수 있는 기능의 컴포넌트을 제공한다. 텍스트 및 HTML 편집 기능을 지원하고, 이미지 업로드 및 이미지를 편집기에 보여주는 기능이 있어야 한다. 웹 에디터는 웹 브라우저에서 게시판, 공지사항, 자료실, 사진첩과 같이 입력기능이 있는 곳에서 사용할 수 있다.
본 기능은 전자정부 표준프레임워크 공통컴포넌트 요소기술 내에 구성되어 있다.
① 웹에디터 편집기능
| 유형 | 대상소스명 | 설명 | 비고 |
|---|---|---|---|
| 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 | 이미지 등록 페이지 |
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>
function fn_egov_regist() {
document.club.onsubmit(); // 추가 처리 부분으로 club 부분은 실제 form명으로 변경
...
document.club.submit();
}<body onLoad="HTMLArea.init(); HTMLArea.onload = initEditor;"><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