다음 오픈에디터 ASP.Net 으로 구현, 다음에디터 엔터키 입력시 자동입력 P 태그 변경하기,PHP이미지 깨짐

1. 다음 오픈에디터 ASP.Net 으로 구현
2. 다음에디터 엔터키 입력시 자동입력 P 태그 변경하기
3. Windows2003 (IIS6) 에 PHP를 붙일때, 확장자 없는 이미지가 깨질때

 

 

다음 오픈에디터 ASP.Net 으로 구현

다음 오픈에디터 ASP.Net 으로 구현했다.

 

시스템 구성

- 윈도우7 / SQL Server 2005 / IIS7

 

http://code.google.com/p/daumopeneditor/downloads/list

 

최신 소스를 다운로드 받는다.

 

< 구현시 주의점 >

 

1. IE9 오류

editor.js/popup.js 두개의 파일에 아래 문자열 검색하셔서 지우시면 잘 작동 됩니다..

HTMLElement.prototype.innerText;

http://hocking.blog.me/60116405678

첨부된 소스는 수정했음.

 

2. ASP.Net 페이지에서 Submit이 되지 않는 현상(?)이 발생 했는데, 편법으로 IFrame을 사용하여 처리했다.

 

3. 소스중 아이피/서브디렉토리 부분을 일부 수정하면 정상적으로 동작한다.

예) pAttachFile.aspx, pAttachPhoto.aspx

 

4. http://code.google.com/p/daumopeneditor/issues/list 리스트에 보면 여러가지 이슈가 논의되고 있다.

 

5. 소스를 보시구 더 좋은 코드가 있으면 조언 부탁드립니다.

 

5. 첨부된 소스를 보면 쉽게 이해할 수 있다.

 

6. 소스중 사용자 정의 컨트롤만 사용하면 된다.

 

7. 구현기능 : 글쓰기, 파일첨부, 이미지 첨부, 첨부파일 삭제, 이미지 첨부 파일 삭제, 수정, 수정시 첨부파일 삭제, 수정시 이미지 파일 삭제

 

DaumBoard.rar

1.81MB

 

 

다음에디터 엔터키 입력시 자동입력 P 태그 변경하기

 

다음에디터를 사용중입니다.

 

엔터 입력시 <p></p> 입력으로 줄간격이 너무 많이 벌여져서

조정했습니다.

 

아래와 같이 저장하는 자바스크립트 마지막 부분에 넣어 주면 됩니다.

function setForm(editor) {

...

 

  document.tx_editor_form.content.value = content;

  // P 태그변경 부분 추가
  document.tx_editor_form.content.value = document.tx_editor_form.content.value.replace(/<p>/gi, "");
  document.tx_editor_form.content.value = document.tx_editor_form.content.value.replace(/<\/p>/gi, "<br />");

...

 

}

 

Windows2003 (IIS6) 에 PHP를 붙일때, 확장자 없는 이미지가 깨질때

 

php로 작업되어 있는 사이트를 Windows2003(IIS6)으로 옮겨야 하는 상황이 왔는데,

FastCGI설치하고 PHP설치하고...

 

다 잘 되는데,

 

이미지부분이 기존에 작업하던 개발자가 확장자를 안붙여서 작업을 한것 같다.

아파치에서는 그런 부분이 처리가 되는것 같은데, IIS6에서는 기본적으로 이미지가

깨진다.

 

예를 들어, http://www.website.com/contents/images/sdfsdf432rsdfsdf

일때,

이미지가 나오지 않고

404에러가 나온다.

 

이유는, sdfsdf432rsdfsdf 경로의 default.htm 같은 파일이 없어서 404에러라고 나오는것 같다.

 

암튼, 해결책은 확장자가 없는 파일을 이미지로 인식하게 해주면 될것 같다.

 

여기저기 찾아보니,

MIME 형식에 확장명을 별표(*)를 넣고, MIME형식내용에 [application/octet-stream] 라고 넣으면 이미지가 정상적으로 나온다.