Spac Editor v.11.12.1
Spac Editor는 웹브라우저에서 간단히 사용할 수 있는 HTML 위지윅 에디터 입니다.
게시판 글쓰기 폼이나 쇼핑몰 상품 등록 폼 등 HTML 편집기능이 필요한 곳이면 어느곳이든 사용할 수 있습니다.
※ 주의사항
- Spac Editor에 사용된 모든 아이콘 (버튼아이콘, 이모티콘 등)은 상업적인 용도로 사용시
해당 저작자의 라이센스 정책을 반드시 확인하시기 바랍니다.
1. 기본이모티콘 : http://dlanham.com/보편적으로 사용하는 데스크탑용 OS 브라우저환경에서 무리없이 사용할 수 있도록 제작되었습니다. 지원 브라우저는 아래와 같습니다.
* 윈도우용 : Internet Explorer 7/8/9, Google Chrome, Mozilla Firefox, Safari, Opera,
* 리눅스용 : Google Chrome, Mozilla Firefox, Opera
- 특정 브라우저에서는 일부 기능이 동작하지 않을 수 있습니다.
* Spac Editor는 자바스크립트를 기본으로 하여 동작되므로 어느언어든 사용할 수 있습니다.
* 일반적으로 사용하는 대부분의 브라우저에서 사용 가능합니다. (Internet Explorer,Firefox,Opera,Chrome,Safari..)
* 위 예제코드처럼 소스코드용지 디자인을 제공합니다.
* 타 자바스크립트 프레임워크(ex. jQuery, prototype 등)를 사용하지 않고 단독으로 동작합니다.
* 기본 글자셋은 UTF-8 입니다.
[Spac Editor 이미지파일 브라우저 특징]-----------------------------------------
* PHP로 제작되어졌습니다.
* 세션인증으로 사용자별 권한을 설정할 수 있습니다.
* 아이디로 세션인증을 할경우 각 회원별로 별도의 업로드 디렉토리를 사용하도록 설정할 수 있습니다.
* 웹경로상에 폴더를 만들어 파일을 관리할 수 있으며 폴더수, 파일수, 파일용량제한, 이미지크기제한, 파일등록제한, 파일삭제제한 등 다양한 설정이 가능합니다.
* 이미지는 JPG,GIF,PNG 포멧만 업로드 가능하며, 빠른 리스트 출력을 위해 이미지 업로드시 썸네일이미지를 자동으로 생성합니다.
* 에디터 기본 화면
* 표 삽입하기
[이미지파일 브라우저] : PHP전용
[폴더관리] - 마우스 우클릭
[파일관리] - 마우스 우클릭
[이미지 상세정보]
[사용법]
1. 파일을 내려받아 웹디렉토리의 루트에 설치합니다.
2. 설치후 Spac_Editor 내의 `upload` 디렉토리(이하 디렉토리 모두 포함)의 권한을 707로 변경합니다.
ex) chmod 707 -R upload
: 아래는 사용 예제 소스입니다.(파일을 설치하면 해당 디렉토리에 "index.html"로 예제가 등록되어 있으니 참조하시기 바랍니다.
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <script language="Javascript" src="/Spac_Editor/spac_editor_common.js"></script>
- <script language="Javascript" src="/Spac_Editor/spac_editor.js"></script>
- <link rel="stylesheet" type="text/css" href="/Spac_Editor/spac_editor_common.css">
- <link rel="stylesheet" type="text/css" href="/Spac_Editor/spac_editor.css">
- <script language="Javascript">
- <!--
- function checkThis(form) {
- if(form.subject.value =='') {
- alert('subject?');
- form.subject.focus();
- return false;
- }
- if(form.content.value =='') {
- alert('content?');
- form.content.focus();
- return false;
- }
- return true;
- }
- //-->
- </script>
- </head>
- <body>
- <form name='editor_form' method="POST" action="spac_editor.php" onSubmit="returncheckThis(this)">
- <table width='100%' align="center" border='1' cellspacing='1' cellpadding='3'>
- <tr>
- <td>이름 : <input type="text" name="name" value="" class="" size="25"></td>
- </tr>
- <tr>
- <td>제목 : <input type="text" name="subject" value="" class="" size="40"></td>
- </tr>
- <tr>
- <td>
- <script language="Javascript">createEditor('contents',350);</script>
- </td>
- </tr>
- <tr>
- <td align="center"><input type="submit" value="저장하기" class=""></td>
- </tr>
- </table>
- </form>
- </body>
- </html>
ex1) 글자모양, 글자크기 변경 아이콘을 출력하지 않으려면 : createEditor('contents',350,'','fontfamily,fontsize')
| 아이콘 | 이름 | 용도 |
 |
source | HTML소스보기 |
 |
font | 글자모양변경 |
 |
fontsize | 글자크기 변경 |
 |
bold | 글자 두껍게 |
 |
italic | 글자 기울이기 |
 |
underline | 밑줄 |
 |
strikethrough | 취소선 |
 |
superscript | 윗첨자 |
 |
subscript | 아랫첨자 |
 |
fontcolor | 글자색상변경 |
 |
backcolor | 글자배경색 변경 |
 |
justifyleft | 왼쪽정렬 |
 |
justifycenter | 가운데정렬 |
 |
justifyright | 오른쪽정렬 |
 |
outdent | 내어쓰기 |
 |
indent | 들여쓰기 |
 |
insertunorderedlist | 번호없는 점리스트 |
 |
insertorderedlist | 번호있는 리스트 |
 |
createlink | 하이퍼링크 걸기 |
 |
unlink | 하이퍼링크 제거 |
 |
image_link | 이미지 주소로 삽입 |
 |
image | 이미지 업로드하여 첨부(파일 브라우저사용) |
 |
emoticon | 기본이모티콘 삽입 |
 |
emoticon2 | 사용자이모티콘 삽입(PHP전용) |
 |
special_chars | 특수문자 넣기 |
 |
textbox | 글상자 |
 |
table | 표 넣기 |
 |
sourcebox | 소스박스 만들기 |
 |
increase | 에디터 높이 늘리기 |
 |
decrease | 에디터 높이 줄이기 |
 |
fullscreen | 에디터 화면 최대화 |
 |
whats | Spac 에디터 안내 |
* 사용자 이모티콘 사용하기 (PHP전용)
: 사용자가 원하는 이모티콘 셋을 넣어 사용할 수 있습니다.
1. Spac_Editor 설치 디렉토리의 emoticon 폴더 안에 원하는 이모티콘 이미지를 모두 넣습니다.
2. spac_editor.js 파일을 열어 70 라인을 주석처리 하고 71 라인은 주석을 풀어줍니다.
이미지 파일 브라우저는 최초 설치 시 접속 파일 등록이 불가능한 상태로 되어 있습니다.
사용하기 위해서는 권한을 지정해 주어야 하는데 아래 내용을 참고하여 사용환경을 설정하신 후 사용하시기 바랍니다.
권한설정은 Spac_Editor 가 설치된 디렉토리내 "spac_editor.class.php" 파일열어 'initConfig' 매서드내 변수값을 설정하면 됩니다.
- function initConfig() {
- $this->base_web_path = '/Spac_Editor';
- $this->base_abs_path = '.';
- //파일업로드 경로(쓰기권한필요)
- $this->upload_web_path = '/Spac_Editor/upload';
- $this->upload_abs_path = 'upload';
- $this->upload_dir_array = array();
- $this->upload_file_array = array();
- //auth
- $this->use_auth = true; //인증접속? (true면$_SESSION['SE_LOGIN'] 값이 true 인경우만 접속가능)
- $this->islogin = false; //수정하지 마세요
- $this->se_member_id = null; //수정하지 마세요
- //방문자 권한 (미인증) : 위 use_auth 가 false 인경우만 적용됨 (관리자는 $_SESSION['SE_LOGIN'] 값이true 여야 함)
- $this->public_add_folder = false; //방문자가 폴더 만들 수 있는 권한
- $this->public_del_folder = false; //방문자가 폴더 삭제할 수 있는 권한
- $this->public_upload_file = false; //방문자가 파일 업로드 할 수 있는 권한
- $this->public_delete_file = false; //방문자가 파일 삭제할 수 있는 권한
- //member dir
- $this->use_member_dir = false; //회원전용공간 사용(true면 $_SESSION['SE_MEMBER_ID']값으로 디렉토리 자동 생성후 그 안의 자료만 이용
- // thumb
- $this->thumb_max_size = 100; //썸네일 생성시 가로, 세로 중 최대값
- $this->allow_image_max_width = 960; //원본 이미지 등록시 가로 사이즈 제한 픽셀제한 (0:무제한) => 제한픽셀을 넘는 이미지를 등록하면 자동으로 제한사이즈로 조절되어 저장됨
- $this->allow_image_max_volume = 1048576*5; // 업로드제한용량(byte) (0: 무제한 => 무제한으로 세팅해도 서버의 설정에따라 제한이 걸릴 수 있습니다.)
- $this->allow_folder_count = 10; // 최대 생성 폴더 개수 (0: 무제한)
- $this->allow_file_count = 100; // 1개폴더당 최대 업로드 파일 개수 (0: 무제한)
- $this->overwrite = false;
- $this->root_name = "ROOT";
- $this->setLocalSession();
- $this->setMemberDirectory();
- }
'Spac_Editor' 카테고리의 다른 글
| Spac Editor v.11.12.1 - 무료 위지윅 웹에디터 (0) | 2011/12/06 |
|---|---|
| Spac Editor v.11.11.3 - 무료 위지윅 웹에디터 (0) | 2011/11/23 |
| Spac Editor v.11.11.2 - 무료 HTML 위지윅 웹에디터 (0) | 2011/11/22 |
| [무료 웹에디터] :: 위지윅 웹 에디터 Spac Editor 11.9.2 을 공개합니다. (0) | 2011/09/08 |
| [무료 웹에디터] :: 위지윅 웹 에디터 Spac Editor 11.9.1 을 공개합니다. (0) | 2011/09/02 |
| [무료 웹에디터] :: 위지윅 웹 에디터 Spac Editor 11.8.4 공개 (6) | 2011/08/22 |
