제가 소개해 드릴 위지윅 웹에디터는 초경량 nicEditor 로 설치가 쉽고 사용이 간편한 도구입니다. 일반적인 편집기 외 실시간 파일 업로드 기능을 제공하는데 단지 아래 코드만 삽입하면 모든 설치가 마무리 됩니다.

 <script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>


다운로드:  nicEdit.zip


nicEditors.allTextareas() 를 호출하면 페이지의 모든 텍스트 영역을 에디터로 대체하게  됩니다. NicEditors는 대체 텍스트 영역의 크기에 에디터 윈도우의 크기와 일치합니다.

아래는 실제 적용한 예입니다. 테스트 가능합니다.

First Textarea

Second Textarea

 

Third Textarea


관련글 : [HTML] editarea 웹에디터

            [HTML] 코드 구문 형광펜, SyntaxHighlighte 스크립트


출처: http://nicedit.com/


블로그 이미지

하보니

하보니와 함께하는 phP 초보

댓글을 달아 주세요

  • 김종관 2014.10.10 09:25  댓글주소  수정/삭제  댓글쓰기

    질문드립니다.
    글과 이미지를 저장 하고자 합니다
    jquery로 넘길때 어떻게 넘겨야 하는지
    date를 뭐뭐 작성 해야 하는지 궁금 합니다..

    • Favicon of https://blog.habonyphp.com BlogIcon 하보니 2014.10.11 16:29 신고  댓글주소  수정/삭제

      질문을 이제서야 확인하네요.
      폼요소의 이름이 'content'이면 $_POST['content']로 받아서 처리하면 될것 같구요. 참고로 폼요소는 정해져 있지 않습니다.

      이미지는 imgur.com에 저장됩니다. 그러므로 폼요소 'content'에 imgur.com의 이미지 경로가 포함되어 있다면 fopen이나 curl 과 같은 함수로 서버에 따로 저장하는 방법도 있습니다.