말 그대로 웹에디터 입니다.
버튼의 배치나 색상이 자유롭게 편집 가능합니다.
1. 아래 명령어로 압축을 해제 하십시오.
tar zxvf raineditor1.0.tgz
2. 각 폴드의 권한은 아래와 같이 되어 있어야 합니다.
ext 755 – 첨부 파일 확장자 아이콘
images 755 – 에디터에서 사용된 각종 아이콘
popups 755 – 에디터에서 사용된 각종 대화상자
uploads 777 – 에디터에서 파일을 첨부 하면 올라가는 곳
// 권한 변경은 chmod -R 777 xxx
3. 폼이 들어 가야할 HTML 코딩
a. 폼이 들어 가기전 상단에 아래와 같은 부분을 삽입
b. 해당 폼 아래에 아래 와 같은 소스를 입력한다.
var config = new Object();
config.mode = 'H'; // 초기 편집 모드 H: html , T: 텍스트 편집, A: Text, HTML 혼용
config.attachfile_max = 2000000; // 최대 첨부가능 용량 , 2000000 = 2M
config.swaptab = true; // 편집모드 전환기 보이기 true, false
config.colorset = [
['FFFFFF','EEEEEE','DDDDDD','BBBBBB','AAAAAA','888888','777777','555555','444444','222222','111111'],
['FF0000','EE0000','DD0000','BB0000','AA0000','880000','770000','550000','440000','220000','110000'],
['FFFF00','EEEE00','DDDD00','BBBB00','AAAA00','888800','777700','555500','444400','222200','111100'],
['FF00FF','EE00EE','DD00DD','BB00BB','AA00AA','880088','770077','550055','440044','220022','110011'],
['00FF00','00EE00','00DD00','00BB00','00AA00','008800','007700','005500','004400','002200','001100'],
['00FFFF','00EEEE','00DDDD','00BBBB','00AAAA','008888','007777','005555','004444','002222','001111'],
['0000FF','0000EE','0000DD','0000BB','0000AA','000088','000077','000055','000044','000022','000011'],
]; // 칼라 셋 부분 ,
config.iconset = [
['one_icon1.gif','one_icon2.gif','one_icon3.gif','one_icon4.gif','one_icon5.gif'],
['one_icon6.gif','one_icon7.gif','one_icon8.gif','one_icon9.gif','one_icon10.gif'],
['one_icon11.gif','one_icon12.gif','one_icon13.gif','one_icon14.gif','one_icon15.gif'],
['one_icon16.gif','one_icon17.gif','one_icon18.gif','one_icon19.gif','one_icon20.gif'],
]; // 아이콘 정보
config.toolbar = [
['blank','blank'], // 3px 빈공간 2개
['fontname','separator'], // 폰트 이름 , 세로바
['bold','italic','underline','separator','forecolor','backcolor','separator'], // 볼드, 이태릭, 밑줄, 세로가, 글자색, 배경색, 세로바
['justifyleft','justifycenter','justifyright','separator'], // 좌측정렬, 중앙정렬, 우측정렬, 세로바
['OrderedList','UnOrderedList','Outdent','Indent','separator'], // 숫자 레벨링 , 점 레벨링, 들여쓰기, 내어 쓰기, 세로바
['inserthtml','htmlmode','preview'], // html 코드 삽입, html 소스 편집, 미리보기
['linebreak'], // 가로 바
['blank','blank','blank'],// 3px 빈공간 3개
['fontsize','blank','blank','blank','blank','blank','blank','blank','blank','separator'], // 글씨 크기
['strikethrough', 'subscript','superscript', 'separator'], // 중간선, 아래첨자, 위첨자
['HorizontalRule','Createlink','separator'], // 가로선넣기, 링크 걸기
['inserticon','InsertTable','insertmarquee','separator'], // 아이콘 삽입, 테이블 삽입, 움직이는 글 삽입
['InsertImage','insertattach','insertmedia','insertflash','separator'] // 이미지 삽입, 첨부 파일 삽입, 미디어 파일 삽입, 플레쉬 파일 삽입,
]; // 툴바 배치
config.fontnames = {
"돋움": "돋움",
"굴림": "굴림",
"바탕": "바탕f",
"궁서": "궁서",
"Arial": "arial",
"Courier New": "courier new, courier, mono",
"Georgia": "Georgia, Times New Roman, Times, Serif",
"Tahoma": "Tahoma",
"verdana": "verdana",
"times": "times",
"impact": "impact",
"WingDings": "WingDings"
}; // 사용할 폰트 이름
config.fontsizes = {
"1 (8 pt)": "1",
"2 (10 pt)": "2",
"3 (12 pt)": "3",
"4 (14 pt)": "4",
"5 (18 pt)": "5",
"6 (24 pt)": "6",
"7 (36 pt)": "7"
}; // 폰트 싸이즈
// 해당 config 객체는 필수 요소이나. 각각의 요소가 결여 되어 있는 경우 default 값이 들어 감.
RainEditor('contents',config); // 에디터 만들기, contents 는 textarea 이름
// form 의 onsubmit 의 이벤트안에 RainEditor(‘contents’,’E’); 추가 소스를 재정리하여 전송할 준비를 하는 소스
// sample.html 파일을 참조 해서 나머지 DB 처리를 하시면 됩니다.
// 기타 버거 사항이나 의문 사항은 outmind@cafen.net 으로 메일 주세요….
// 추신, document.domain 을 사용해야 하는 사이트의 경우 관련 주석 해제하면 됩니다.
// – 총 2개의 파일에 document.domain 이 들어 있음. blank.html, popups/common.js 1371135323.tgz