basic 게시판 + 최고의 이지웍 웹에디터 적용!! 정보
게시판 basic 게시판 + 최고의 이지웍 웹에디터 적용!!
관련링크
첨부파일
본문
꽤 오랜 시간 동안 삽질 하면서 겨우 그누보드에 적용 시킵니다.
이지웍 웹에디터 10여개를 적용도 시켜보고 테스트를 해보았는데 이 웹에디터가 제일로 괜찮더군요.
이미지도 바로 로컬에서 불러와서 붙일 수 있고 글쓰기 폼에서 불러온 이미지에 마우스 오른쪽 버튼 누르면 수정 또한 가능합니다. 아주 짱이죠..
단, 상업적인 용도로 개발 된 에디터기 때문에 로고는 지울수가 없네요.
로그 지울려면 80~100만원정도 든다고 하네요.^^
관리자님께 그누보드 적용을 의뢰한 적이 있지만 익스플로러에서만 적용된다는 점에 거절 하시더군요. ^^ 하지만, 꼭 필요한 웹에디터기 때문에 제가 삽질하면서 완성했습니다.
알고 보면 수정한 부분은 정말 허접합니다 ^^..
그노무 ActiveX 컨트롤 때문에 첨에 애 많이 먹었습니다.
님들도 한방에 설치가 성공하면 문제가 없겠지만 실패 하게 되면 꽤나 애를 먹을 겁니다.
성공 기원하겠구요..
아참! 글 쓸때 반드시 html 사용 부분에 체크 하세요!!
그리고 upload 디렉토리 퍼미션 777 이어야 합니다. ^^
이지웍 웹에디터 10여개를 적용도 시켜보고 테스트를 해보았는데 이 웹에디터가 제일로 괜찮더군요.
이미지도 바로 로컬에서 불러와서 붙일 수 있고 글쓰기 폼에서 불러온 이미지에 마우스 오른쪽 버튼 누르면 수정 또한 가능합니다. 아주 짱이죠..
단, 상업적인 용도로 개발 된 에디터기 때문에 로고는 지울수가 없네요.
로그 지울려면 80~100만원정도 든다고 하네요.^^
관리자님께 그누보드 적용을 의뢰한 적이 있지만 익스플로러에서만 적용된다는 점에 거절 하시더군요. ^^ 하지만, 꼭 필요한 웹에디터기 때문에 제가 삽질하면서 완성했습니다.
알고 보면 수정한 부분은 정말 허접합니다 ^^..
그노무 ActiveX 컨트롤 때문에 첨에 애 많이 먹었습니다.
님들도 한방에 설치가 성공하면 문제가 없겠지만 실패 하게 되면 꽤나 애를 먹을 겁니다.
성공 기원하겠구요..
아참! 글 쓸때 반드시 html 사용 부분에 체크 하세요!!
그리고 upload 디렉토리 퍼미션 777 이어야 합니다. ^^
추천
1
1
댓글 전체
사용해봐야겠습니다... 저 배너가 아니라면..ㅠㅠ
해봐야겠습니다. ㅋㅋㅋ 감사. ㅋㅋ
멋지네요. 유용하게 쓰일것 같네요.
감사합니다
감사합니다^^ 유용하게 쓰도록하겠습니다.

몇일 지난 글들이지만 저도 몇자 적습니다.
상용으로 재배포 라이센스를 구입해서 사용중입니다.
sjsjin님 말씀처럼 10여개 보다가 cheditor를 선택하였습니다.
일단은 상당히 가볍습니다. 그러면서 기능도 괜찮습니다.
100%로 만족스러운게 어디있겠냐만은 분명히 그만한 가치는한다고 생각합니다.
소스분석해서 약간만 자기 스타일로 고치거나 추가해서 사용하면 참 괜찮은 위지웍에디터라 말씀드리고 싶습니다.
상용으로 재배포 라이센스를 구입해서 사용중입니다.
sjsjin님 말씀처럼 10여개 보다가 cheditor를 선택하였습니다.
일단은 상당히 가볍습니다. 그러면서 기능도 괜찮습니다.
100%로 만족스러운게 어디있겠냐만은 분명히 그만한 가치는한다고 생각합니다.
소스분석해서 약간만 자기 스타일로 고치거나 추가해서 사용하면 참 괜찮은 위지웍에디터라 말씀드리고 싶습니다.
하나 더 덧붙이자면 약간 까다롭기는 하나, cheditor 만큼 현재 거의 모든 부라우저에서 동일하게 작동하는 위지웍 에디터는 상당히 드물다고 생각됩니다. 더군다나 액티브x 를 사용하지 않고 순수, 자.스 만으로 동일하게 작동하는 위지웍 에디터는 아마 없는것 같네요..
한 때 sir 에서도 위지웍에디터로 cheditor 재배포 라이센스를 구입해서 사용할려고 했었다고? 알고 있습니다.
(맞는 얘긴가? ^^; cheditor 쪽에서 그런말을 들었습니다. 그누보드에 포함해서 사용하고 싶다는 문의가 있었다고 들었습니다.. 제 생각엔 그래서 예전에 sir 의 투표중에서 위지웍에디터가 들어간경우 작은비용이라도 유료로 한다면....??? 의 투표가 있었지 않았나 생각합니다..)
한 때 sir 에서도 위지웍에디터로 cheditor 재배포 라이센스를 구입해서 사용할려고 했었다고? 알고 있습니다.
(맞는 얘긴가? ^^; cheditor 쪽에서 그런말을 들었습니다. 그누보드에 포함해서 사용하고 싶다는 문의가 있었다고 들었습니다.. 제 생각엔 그래서 예전에 sir 의 투표중에서 위지웍에디터가 들어간경우 작은비용이라도 유료로 한다면....??? 의 투표가 있었지 않았나 생각합니다..)
1. 이미지 업로드후 해당 게시물 삭제시 위지웍으로 같이 올렸던 이미지 삭제하는 부분은 cheditor 의 메뉴얼에 보면(홈페이지), 글작성시 업로드한 이미지 파일명을 리턴해주는 코드가 있습니다. 이걸 참고해서 글삭제를 처리하는 부분에서 처리해 주시면 됩니다.
2. 글을 쓸 때, 이미지 추가를 했다가 실제 글등록을 하지않은 경우에 임시이미지의 경우는 저장되지 않으며 서버의 임시업로드 디렉토리에 저장됩니다.
이 임시파일들이 저장되는 디렉토리는 서버 관리자가 주기적으로 최적화를 하는 것이 보통입니다.
그러나 이미지입력창에서 입력을 완료하고 창을 닫은후에는 실제 이미지가 자신의 계정디렉토리에 저장됩니다.
그렇지만, 글등록을 완료하지 않은경우(cheditor 에서 폼액션을 못 받은 경우등..)는 cheditor 자체적으로 이미지를 삭제하는걸로 알고 있습니다. 만약 그렇지 않다면, 별도로 코딩을 해줘야 겠지요..
* 아래는 글등록시 cheditor 로 올렸던 이미지 반환함수입니다. v2.9부터 지원한다고 나와있군요.
----------------------------------
에디터 삽입된 이미지 정보가 필요할 경우 (2.9 버전 이상):
에디터에 사용자가 삽입한 이미지들의 이름과 가로/세로 픽셀 크기를 얻기 위한 방법입니다.
CHEditor의 getImages() 함수를 여러분의 HTML 페이지에서 이용합니다.
예:
var images = myeditor.getImages();
images에는 각각의 이미지 정보가 문자열로 저장됩니다.
각각의 이미지는 콤마(,)로 분리되어 있습니다.
분리된 이미지는 다시 공백 문자로 '이미지이름 가로크기 세로크기'순으로 구분되어 있습니다.
예) myimg1.jpg 100 200,myimg2.png 70 130 ...
여러분의 html form에 input hidden 타입을 하나 만든 다음 위에서 얻은 images 값을 넣어 사용합니다.
예:
var images = myeditor.getImages();
document.myform.inputHidden.value = images;
----------------------------------
위의 이미지정보 갖고오는 함수를 이용하여, 뷰페이지에서 이미지값들(파일명등)을 받아서 삭제시에 처리할 루틴을 코딩해 주면 됩니다.
그누보드 자체함수가 아니므로 정확한 코딩을 위해서는 이미지배열값들을 불러서 어떻게 값들을 받아오는지 찍어보고 코딩하면 됩니다.
2. 글을 쓸 때, 이미지 추가를 했다가 실제 글등록을 하지않은 경우에 임시이미지의 경우는 저장되지 않으며 서버의 임시업로드 디렉토리에 저장됩니다.
이 임시파일들이 저장되는 디렉토리는 서버 관리자가 주기적으로 최적화를 하는 것이 보통입니다.
그러나 이미지입력창에서 입력을 완료하고 창을 닫은후에는 실제 이미지가 자신의 계정디렉토리에 저장됩니다.
그렇지만, 글등록을 완료하지 않은경우(cheditor 에서 폼액션을 못 받은 경우등..)는 cheditor 자체적으로 이미지를 삭제하는걸로 알고 있습니다. 만약 그렇지 않다면, 별도로 코딩을 해줘야 겠지요..
* 아래는 글등록시 cheditor 로 올렸던 이미지 반환함수입니다. v2.9부터 지원한다고 나와있군요.
----------------------------------
에디터 삽입된 이미지 정보가 필요할 경우 (2.9 버전 이상):
에디터에 사용자가 삽입한 이미지들의 이름과 가로/세로 픽셀 크기를 얻기 위한 방법입니다.
CHEditor의 getImages() 함수를 여러분의 HTML 페이지에서 이용합니다.
예:
var images = myeditor.getImages();
images에는 각각의 이미지 정보가 문자열로 저장됩니다.
각각의 이미지는 콤마(,)로 분리되어 있습니다.
분리된 이미지는 다시 공백 문자로 '이미지이름 가로크기 세로크기'순으로 구분되어 있습니다.
예) myimg1.jpg 100 200,myimg2.png 70 130 ...
여러분의 html form에 input hidden 타입을 하나 만든 다음 위에서 얻은 images 값을 넣어 사용합니다.
예:
var images = myeditor.getImages();
document.myform.inputHidden.value = images;
----------------------------------
위의 이미지정보 갖고오는 함수를 이용하여, 뷰페이지에서 이미지값들(파일명등)을 받아서 삭제시에 처리할 루틴을 코딩해 주면 됩니다.
그누보드 자체함수가 아니므로 정확한 코딩을 위해서는 이미지배열값들을 불러서 어떻게 값들을 받아오는지 찍어보고 코딩하면 됩니다.
// sjsjin님... 저 cheditor 구입 사용자 인데요....
"이미지 업로드후에 해당 게시물 삭제하면 위지웍으로 올렸던 이미지도 모두 삭제되도록 작업 해봤습니다. "
이 부분의 소스를 어떻게 짜셨는지 좀 알려주시면 안될까요?
이미지 저장폴더를 $bo_table로 찾아가게는 만들었습니다만
수정이나 삭제시에 이미지 처리가 좀 애매하더군요
특히 글을 쓸때 이미지 추가를 했다가 '글 등록' 직전에 이미지를 지워버린다거나..하는...
한수 도움 좀 부탁드립니다.
('')(..)
"이미지 업로드후에 해당 게시물 삭제하면 위지웍으로 올렸던 이미지도 모두 삭제되도록 작업 해봤습니다. "
이 부분의 소스를 어떻게 짜셨는지 좀 알려주시면 안될까요?
이미지 저장폴더를 $bo_table로 찾아가게는 만들었습니다만
수정이나 삭제시에 이미지 처리가 좀 애매하더군요
특히 글을 쓸때 이미지 추가를 했다가 '글 등록' 직전에 이미지를 지워버린다거나..하는...
한수 도움 좀 부탁드립니다.
('')(..)
네 그렇죠...아무래도 상용이란게 좀 ^^;

jajac.com 에서 회원가입 후 테스트해 보았습니다. 꽤 괜찮더군요.. 특히, 엑티브x 사용하지 않는점에 ^^
그런데 상용이라서 일반 개인 유저들은 사용하기가 곤란하겠네요. ^^
그런데 상용이라서 일반 개인 유저들은 사용하기가 곤란하겠네요. ^^
상용이라면.....
저 또한 현재 나와있는 대부분의 위지웍 웹에디터를 작업해 봤지만..
개인적인 생각으로 가장 괜찮다고 생각되는 것이 cheditor 라고 생각합니다.
sir 메인의 추천사이트에 있는 jajac.com 에 적용되어 있는데..
아주 가벼우면서도 이미지 업로드등의 기타 여러 편리한 기능을 다 제공하더군요..
그리고 그누보드이 기본 기능처럼, 이미지 업로드후에 해당 게시물 삭제하면 위지웍으로 올렸던 이미지도 모두 삭제되도록 작업 해봤습니다. 또한, 이미지 저장폴더도 그누보드 기본형식과 같도록 $bo_table 로 기본 저장되도록 해봤습니다.
쩝...문제는 역시 상용이란게...ㅡㅡ;
그러나 가격이 좀 저렴한 편이라..편한걸 원하시는 분들은 cheditor 도 괜찮다고 생각합니다.
아, 참고로 액티브x 사용하지 않구요..순수 자.스1.0과 1.2로만 구성되어져 있어서 액티브x 거부증 있는 분들은 좋을 것 같습니다.(전 cheditor 회사랑 관계 없는 사람입니다..광고 아닙니다..ㅡㅡ;)
저 또한 현재 나와있는 대부분의 위지웍 웹에디터를 작업해 봤지만..
개인적인 생각으로 가장 괜찮다고 생각되는 것이 cheditor 라고 생각합니다.
sir 메인의 추천사이트에 있는 jajac.com 에 적용되어 있는데..
아주 가벼우면서도 이미지 업로드등의 기타 여러 편리한 기능을 다 제공하더군요..
그리고 그누보드이 기본 기능처럼, 이미지 업로드후에 해당 게시물 삭제하면 위지웍으로 올렸던 이미지도 모두 삭제되도록 작업 해봤습니다. 또한, 이미지 저장폴더도 그누보드 기본형식과 같도록 $bo_table 로 기본 저장되도록 해봤습니다.
쩝...문제는 역시 상용이란게...ㅡㅡ;
그러나 가격이 좀 저렴한 편이라..편한걸 원하시는 분들은 cheditor 도 괜찮다고 생각합니다.
아, 참고로 액티브x 사용하지 않구요..순수 자.스1.0과 1.2로만 구성되어져 있어서 액티브x 거부증 있는 분들은 좋을 것 같습니다.(전 cheditor 회사랑 관계 없는 사람입니다..광고 아닙니다..ㅡㅡ;)

상당히 좋아보이긴 한데 액티브x와 광고의 압박이 있네요
그래도 수고 하셨습니다~
그래도 수고 하셨습니다~
좋긴 한데요
글삭제시 업로드된 그림파일이 삭제가 되지가 않네요,...
글삭제시 업로드된 그림파일이 삭제가 되지가 않네요,...

다른 사이트에 연결되네요 조금 아쉽네요...
제가 직접 설치해 보았구요... 님께서 설치했던 곳에서도 테스트 해보았습니다~
예전에 님께서 이 스킨을 적용 하실려고 게시판에 글을 올렸던것 기억납니다... 저도 그 스킨이 그누보드에 적용
되면 좋겠구나 했는데 이렇게 적용되니 너무 좋아요~~
그런데 한가지 물어 볼게 있는데요... 게시판에 표를 삽입하면 삽입한 위치에 표가 나타나지 않고 밑으로 밀려나
나타 납니다. 또한 배경이미지를 적용했을때 저장하면 배경이미지는 안뜨구요~~~!!!
감사합니다~
되면 좋겠구나 했는데 이렇게 적용되니 너무 좋아요~~
그런데 한가지 물어 볼게 있는데요... 게시판에 표를 삽입하면 삽입한 위치에 표가 나타나지 않고 밑으로 밀려나
나타 납니다. 또한 배경이미지를 적용했을때 저장하면 배경이미지는 안뜨구요~~~!!!
감사합니다~
전..이게..맘에 드는 이유가..이미지를 올리고 싶은데..올릴 수 있다는 것이 좋네요.
액티브엑스 사용안하고는 이미지를 로컬에서 바로 올릴 수는 없을까요..
액티브엑스 사용안하고는 이미지를 로컬에서 바로 올릴 수는 없을까요..

유용하겠네요.
하지만 저처럼 액티브엑스 거절반응이 있는 사람은 ...
하지만 저처럼 액티브엑스 거절반응이 있는 사람은 ...

소스에 약간 문제가 있어서 수정해서 다시 올려노았고 적용 페이지도 다시 링크 시켜 놨습니다.
테스트해 보시면 되겠습니다.
테스트해 보시면 되겠습니다.

작업하시느라 많은 고생하셨습니다. 저또한 웹에디터가 필요해 이거저거 찾아보는 중인데...이 에디터의 장점이 또 뭐가 있는지요. 단지 위의 기능 정도는 다른 에디터도 다 구현되고 있거든요.. 개인적으론 액티브엑스 알레르기가 있어 GS 나 스페이스를 작업을 안 하구 쟈스 계열만 찾았었는데 또 다른 좋은 기능이 있는지 궁금해서 문의 드립니다.
정말 필요했었는데 감사 합니다.
잘 됩니다. 감사합니다!
설치법이 따로 있나요? 어떻게 설치하나요?
감사합니다 잘사용하겠습니다.
한가지 질문이 있는데 테이블 사용시 html 코드가 그대로 보이네요 ?
한가지 질문이 있는데 테이블 사용시 html 코드가 그대로 보이네요 ?
감사합니다.~~
감사합니다..잘 쓸게여..
정말 감사드립니다
잘쓸게요 감사~~

잘쓰께용~ ^^
아래 1,2,3을 다 적용했는데... 글을 쓴후 내용을 입력하여 주십시오.라는 페이지가 뜹니다. ㅜㅜ
어떻게 해주어야 할까요?
1. 글 쓸때 반드시 html 사용 부분에 체크, 그리고 upload 디렉토리 퍼미션 777
2. gbform.skin.php의 수정 부분
########################################################
## GsWebEdit 가 설치된 URL 도메인 이나 IP
$url = "http://www.idweekly.com/";
## GsWebEdit.cab 화일이 있는 경로 이후의 상대경로 ~개인계정 포함
$edit_url="bbs/skin/board/Gs_webedit/";
########################################################
$urlx = str_replace("http://", "", $url);
$urlx = str_replace("/", "", $urlx);
$port="80";
########################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
2. GsUpload.php의 수정 부분
$save_dir ="/home/Service/idweekly/www/bbs/skin/board/Gs_webedit/upload/"; // 업로드 파일이 저장될 절대 경로
어떻게 해주어야 할까요?
1. 글 쓸때 반드시 html 사용 부분에 체크, 그리고 upload 디렉토리 퍼미션 777
2. gbform.skin.php의 수정 부분
########################################################
## GsWebEdit 가 설치된 URL 도메인 이나 IP
$url = "http://www.idweekly.com/";
## GsWebEdit.cab 화일이 있는 경로 이후의 상대경로 ~개인계정 포함
$edit_url="bbs/skin/board/Gs_webedit/";
########################################################
$urlx = str_replace("http://", "", $url);
$urlx = str_replace("/", "", $urlx);
$port="80";
########################################################
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
2. GsUpload.php의 수정 부분
$save_dir ="/home/Service/idweekly/www/bbs/skin/board/Gs_webedit/upload/"; // 업로드 파일이 저장될 절대 경로
Warning: move_uploaded_file(/home/ease/public_html/gnu3/data/cheditor/0607/_.jpg): failed to open stream: No such file or directory in /home/ease/public_html/gnu3/cheditor/imageupload-class.php on line 145
Warning: move_uploaded_file(): Unable to move '/tmp/phpk4GT3v' to '/home/ease/public_html/gnu3/data/cheditor/0607/_.jpg' in /home/ease/public_html/gnu3/cheditor/imageupload-class.php on line 145
이미지 찾아보기 해서 확인 누르면 이러네요
Warning: move_uploaded_file(): Unable to move '/tmp/phpk4GT3v' to '/home/ease/public_html/gnu3/data/cheditor/0607/_.jpg' in /home/ease/public_html/gnu3/cheditor/imageupload-class.php on line 145
이미지 찾아보기 해서 확인 누르면 이러네요
잘쓰겠습니다
