Editor [easyeditor] 쉬운 위지윅웹에디터, 이지웹에디터
페이지 정보
본문
[배포 사이트]
http://cafe.daum.net/easyeditor
[매뉴얼]
http://222.122.193.241/easy_editor/
[그누보드 적용예]
http://222.122.193.241/gnuboard4/bbs/board.php?bo_table=all
개요
게시판, 사용자 입력폼등에 삽입하여 손쉬운 웹문서편집을 도움
타 위지윅 에디터에 비해 가볍고, 간단함 (easy)
특징
원하는 명령만 손쉽게 삽입 가능
버튼이미지 변경, 변수 컬러값 변경등 으로 손쉬운 스킨 변경
동일한 하나의 문서에 여러개의 웹에디터 삽입 가능
자바스크립트로만 개발되어 가볍고 커스트마이징 용이
사용자추가기능 손쉬운 개발 가능 (플러그인 형태)
테스트 브라우저 : IE6, IE7, FF1.5.X
모든 서버사이드스크립트(PHP,ASP,JSP)에 적용 가능
라이센스 관련
누구나,어디서나 무료로 사용 가능
배포,수정 재배포,판매 가능
단, '물음표아이콘(about.gif) ' 기능 수정,삭제 불가능
<< 사용법 >>
# write.php 페이지
<html>
<head>
<script type="text/javascript" src="/easy_editor/easyEditor.js"></script>
<script type="text/javascript">
<!--
function chkForm(f) {
var content = ed.getHtml(); //대체한 textarea에 작성한HTML값 전달
if(content=="") {
alert("내용을 적어주세요!");
ed.focus();
return false;
}
alert(memo); //값확인(디버깅) ==> alert 창이 보기 부담스러우면 제거해도 됨
return true;
}
//-->
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" onsubmit="return chkForm(this)">
제목 : <input type="text" name="title"> <br />
내용 : <textarea name="memo" id="memo"></textarea>
<input type="submit" value="전송">
<script type="text/javascript">
<!--
var ed = new easyEditor("content"); //초기화 id속성값
ed.init(); //웹에디터 삽입
//-->
</script>
</form>
</body>
</html>
# read.php 파일
<html>
<head>
<script type="text/javascript" src="/easy_editor/easyEditor.js"></script>
</head>
<body>
제목 : <?=$data[title]?> <br />
내용 : <?=$data[memo]?>
</body>
</html>
http://cafe.daum.net/easyeditor
[매뉴얼]
[그누보드 적용예]
개요
게시판, 사용자 입력폼등에 삽입하여 손쉬운 웹문서편집을 도움
타 위지윅 에디터에 비해 가볍고, 간단함 (easy)
특징
원하는 명령만 손쉽게 삽입 가능
버튼이미지 변경, 변수 컬러값 변경등 으로 손쉬운 스킨 변경
동일한 하나의 문서에 여러개의 웹에디터 삽입 가능
자바스크립트로만 개발되어 가볍고 커스트마이징 용이
사용자추가기능 손쉬운 개발 가능 (플러그인 형태)
테스트 브라우저 : IE6, IE7, FF1.5.X
모든 서버사이드스크립트(PHP,ASP,JSP)에 적용 가능
라이센스 관련
누구나,어디서나 무료로 사용 가능
배포,수정 재배포,판매 가능
단, '물음표아이콘(about.gif) ' 기능 수정,삭제 불가능
<< 사용법 >>
# write.php 페이지
<html>
<head>
<script type="text/javascript" src="/easy_editor/easyEditor.js"></script>
<script type="text/javascript">
<!--
function chkForm(f) {
var content = ed.getHtml(); //대체한 textarea에 작성한HTML값 전달
if(content=="") {
alert("내용을 적어주세요!");
ed.focus();
return false;
}
alert(memo); //값확인(디버깅) ==> alert 창이 보기 부담스러우면 제거해도 됨
return true;
}
//-->
</script>
</head>
<body>
<form method="post" enctype="multipart/form-data" onsubmit="return chkForm(this)">
제목 : <input type="text" name="title"> <br />
내용 : <textarea name="memo" id="memo"></textarea>
<input type="submit" value="전송">
<script type="text/javascript">
<!--
var ed = new easyEditor("content"); //초기화 id속성값
ed.init(); //웹에디터 삽입
//-->
</script>
</form>
</body>
</html>
# read.php 파일
<html>
<head>
<script type="text/javascript" src="/easy_editor/easyEditor.js"></script>
</head>
<body>
제목 : <?=$data[title]?> <br />
내용 : <?=$data[memo]?>
</body>
</html>
댓글목록
등록된 댓글이 없습니다.