스마트에디터에 이미지 첨부기능 추가하기

스마트에디터에 이미지 첨부기능 추가하기 > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

스마트에디터에 이미지 첨부기능 추가하기 정보

스마트에디터에 이미지 첨부기능 추가하기

본문

안녕하세요!

이리저리 방황끝에 겨우 스마트에디터를 추가해서 사용하던 중

에디터 자체에 이미지 추가 기능이 없다는 점을 알게되었습니다 T^T

다행히도 링크#1 에 보시면 애화몽님의 SmartEditor 파일이 있어서 적용을 해봤는데요.

전 이상하게 이미지 클릭하고 확인 버튼을 누르면

웹브라우저 상태표시줄에 오류가 발생했다는 게 표시됩니다.

물론 이미지도 추가되지 않구요;

오류 내용은 다음과 같습니다.

- 개체가 이 속성 또는 메서드를 지원하지 않습니다.
- http://layer7.myfeelclub.com/SmartEditor/imgupload_exec.php

추가는 아래와 같이 진행했었습니다. 스마트에디터가 정상작동하는 것은 확인했기 때문에

1. 우선 스마트에디터 폴더를 교체하고

2. 기본 스마트에디터 스크립트 부분을 아래와 같이 수정했습니다.

<script language="Javascript">
<!--
var oEditors = [];
nhn.husky.EZCreator.createInIFrame(oEditors, "ir1", "<?=$g4[path]?>/SmartEditor/SEditorSkin.html", "createSEditorInIFrame");

function _onSubmit(elClicked){

      // 에디터의 내용을 에디터 생성시에 사용했던 textarea에 넣어 줍니다.
      oEditors.getById["ir1"].exec("UPDATE_IR_FIELD", []);
 
      // 에디터의 내용에 대한 값 검증은 이곳에서 document.getElementById("ir1").value를 이용해서 처리하면 됩니다.

      //이미지를 저장하는 경로입니다. 
      var imagepath = "<?=$g4[path]?>/data/file/<?=$bo_table?>"; 

      // 이미지삽입 함수 imgupload_exec.php 에서 호출하는 함수입니다. 
      function insertIMG(irid,fileame){ 
            var sHTML = "<img src='" + imagepath + "/" + fileame + "' border='0'>"; 
            oEditors.getById[irid].exec("PASTE_HTML", [sHTML]); 
      } 

try{
      elClicked.form.submit();
      }catch(e){}
}   
//-->
</script>

테스트게시판은 링크#2 에 있으니 직접 확인해보실 수 있습니다. (회원가입X)

이미지 첨부 기능이 제대로 동작이 안될 뿐더러

스마트에디터 자체에 공백 한줄이 추가되어 있어서 에디터 위에 하얀 공백이 표시되네요..

(덮어씌우기 전에는 안 이랬습니다 T^T)

혹시 스마트에디터 이미지 첨부 기능까지 사용중이신 분들 계시거나

그누가족분들 따뜻한 조언 부탁드립니다!

복사
공유하기

댓글 전체

애화몽 홈페이지 자기소개 아이디로 검색 회원게시물

홈페이지 자기소개 아이디로 검색 회원게시물

10.06.21 15:09:04

지금 보시면 이미지삽입function이 글쓰기에 들어가 있어서 그렇습니다.
그걸 밖으로 빼주세요
그리고 imagepath의 변수도....-_-;;;;

글 올릴때 들어가면 안되고 그건 외부에 나와 있어야 하는거랍니다.

그누4 질문답변

관련링크

본문

공유하기

댓글 전체