본문 바로가기
IT-개발,DB

[개발] ASP.NET 닷넷 에디터 게시판 사용하기

by SB리치퍼슨 2010. 11. 5.


출처 : HOONS 넷

[ASP.NET Controls]
[HOONS] 닷넷 에디터 게시판 사용하기


  강좌 최초 작성일 : 2004년 3월 24일
  강좌 최종 수정일 : 2004년 3월 24일 

  작성자 : HOONS(박경훈)
http://www.hoonsbara.com

  강좌 제목 : 닷넷 에디터 게시판을 사용하자!! 
 



강좌 제목을 쓰고 보니깐 상당히 어색한 기분이 든다-_-;; 에디터 게시판.. 이건 무엇인가? 음;; 태그 초보자를 위한 에디터 텍스트 박스라 정의를 내린다면 이해할려나..(아하?ㅇㅋㅇㅋ??) 필자가 예전에 한참 공부 하던 시절 이 에디터 텍스트 박스를 만들어 보겠다고 일주일 동안 혼신을 투자해 고생한 경험이 있었다. 결론은 버그 투성이의 에디터 텍스트 박스를 만들어 낸것이 고작-_-;; 느낌인점이 있다면 개발자들이 에디터 게시판을 괜히 상용화 하여 판매하는게 아니다라는 걸 느끼게 되었다.

"자~ 이제 그럼 어떤 에디터 게시판을 사서 사용 하는것이 현명한 판단 일까? "

이렇게 말을 하고 여기저기 에디터 텍스트 박스를 소개시켜 준다면 한순간 광고업자로 오인 받아 창을 닫아 버리지 않을까 싶다-_-;; 
"그럼 만들기도 힘들고 사자니 돈들고 그럼 어떻게 하라는 건가?"
이런 불만의 마인드를 혹시 품어 본적은 없었는지 (서론이 길면 주책이라던데-_-;) 
자 결론은 이제 FreeTextBox라는 에디터 텍스트 박스를 사용하면 된다는 것이다._-_;;  이것은 어느 오픈소스를 구해서 한국판에 맞추어서 리컴파일 시킨 것이고(수정도 굉장히 어려웠다는_-_;;) 오바되는 기능들을 줄여서 나름대로 가볍게 만들어 본것이다.


[그림 FreeTextBox]

자 이러한 텍스트 박스를 이제 사용해 보도록 하겠다. 이것은 닷넷 사용자 지정 컨트롤로 컴파일이 되어 있기 때문에 사용방법은 정말로 간단하다.


1.다운로드

-이미지와스타일 다운로드:
 



-DLL,ftp.inserttable.aspx 다운로드:



2.사용하기

자, 이제 정말 쉬운 에디트 텍스트 박스를 한번 사용해 보도록 하겠다.
먼저 ASP.NET프로젝트를 만들어 보도록 하자. 필자는 Test1s라는 프로젝트를 만들었다. 다운받은 Textimg라는 파일을 압축을 풀어서 이 프로젝트 폴더에 안에 넣어 두도록 하자. 그로고 다운 받은 DLL 역시 압축을 푼후에 Bin이라는 폴더 안에 배치 시킨다.

[프로젝트폴더]-[bin]-HoonstextBox.dll
                     -[TextImg]-여러가지 이미지들과 스타일
                     -ftp.inserttable.aspx

이렇게 배치가 되었으면 이제 아래와 그림을 따라서 DLL 항목을 가져와 보도록 하자.
도구상자에서 오른쪽 마우스를 눌러보자 그러면 항목 추가/제거 라는 메뉴가 나타 날것이다.





항목 추가/삭제 목록을 열어 보면 아래와 같은 창이 뜬다 여기서 찾아보기 버튼을 누른다.




그러면 아까 전에 준비 했었던 bin 이라는 폴더에 HoonsTextBox.dll이라는 파일을 선택하자.



선택을 하면 아래와 같이 항목에 추가가 되는것을 볼수 있을 것이다. 이제 확인 버튼을 누르고
창을 나와 보자.




이제 FreetextBox라는 항목이 생긴 것이다.(이런것을 사용자 지정 컨트롤이라고 이야기한다.)
그러면 한번 텍스트 박스를 끌어오는 놓는 것처럼 똑같이 이 컨트롤들 가져다가 페이지에 넣어보도록
하자.




그럼 아래와 같은 컨트롤이 표시가 된다. 이제 이 컨트롤들의 속성에 이미지와 스타일을
셋팅해주게 되면 되는것이다.



이텍스트 박스의 속성을 경로 부분이 있다. 아래와 같이 이미지와 스타일의 경로를 적어주자..
그리고 ToolbarType에 따라서 보드 툴색이 변하게 된다는 것을 잊지 말자.

 

자 , 이제 실행을 시켜 보면 에디터 게시판이 완성된 것을 볼수 있을것이다.
음;; (ID)라는 부분의 속성을 이용해서 ID값을 편집할수 있고, 안의 내용도 Text라는 속성으로 접근한다.
기존의 텍스트 박스와 유사하기 때문에 이용하는데 특별히 불편한 사항은 없을것이다.

강좌라기 보다는 팁이 된듯-_-;; 다음에는 팁이 아닌 강좌로 다시 찾아 볼것을 기약하며 그럼~

반응형

댓글