스마트에디터4 네이버 스마트 에디터에 이미지 삽입하기 네이버에서 제공하는 오픈프로젝트 소스인 스마트 에디터에서는 기본적으로 이미지 삽입하기 기능이 툴바에 없다. 그래서, 지금까지 별개로 첨부파일을 업로드한 후에 나중에 화면에 뿌려줄 때 이 첨부파일을 불러오는 방법을 쓰고 있었는데, 이럴 경우 스마트 에디터에서 입력한 내용과를 별개로 상단이나 하단에 첨부한 이미지를 보여줄 수 밖에 없어 사실 좀 불편했는데, 스마트 에디터 프로젝트 이슈 게시판을 모니터링하던 중 ASP용으로 만들어진 것을 PHP로 포팅한 소스가 있어 다운받아 보았다. http://dev.naver.com/projects/smarteditor/issue/3960 그런데, IE나 사파리에서는 문제없이 에디터가 로딩이 되지만, 이상하게도 파이어폭스에서만은 에디터가 로딩이 되지 않았다. ㅠㅠ 브라우저.. 2010. 7. 13. 네이버 스마트에디터 풍부한 스타일을 사용하려면 앞으로 네이버 스마트에디터(이하 SE)를 계속 쓰게 될 것 같아 팁을 적어놓을 겸 해서 카테고리를 아예 하나 만들었다. 게시판에 붙여서 쓰다보니 글을 작성할 때는 인용문구나 여러 가지 효과가 잘 적용이 되는데, 작성한 뒤에 게시글을 보면 그 효과가 나타나지 않아 생각해 보니 역시 스타일시트가 제대로 적용되지 않아서였다. SE가 제공하는 스타일시트는 2가지가 있는데 말 그대로 기본적인 스타일시트를 적용하는 default.css와 다른 하나는 style.css다. (모두 하위 css 폴더에 저장이 되어 있다.) style.css 를 열어보면 아니나 다를까 .smartOutput이라는 클래스가 정의되어 있고, 친절히 주석까지 붙어 있었는데 그걸 못봤네... .smartOutput{ font-size:12px;.. 2009. 2. 11. 네이버 스마트에디터 사용 중에... 게시판을 만들면서 최근에 네이버 오픈소스 스마트에디터가 나왔길래 textarea에 적용을 했다. 일반적으로는 큰 문제없이 사용이 잘 된다. 특별한 기능을 붙인 것도 없고, 그냥 디폴트 상태로 사용 중이다. 이미지 삽입 등의 기능이 좀 아쉽지만, 그건 나중에 해결하고...(데모에는 있다.) 그런데 문제는 FF에서 사용했을 때이다. IE에서는 큰 문제없이 사용이 가능하지만, 가끔 FF에서 문제가 발생하는 경우가 있다. 예를 들면, 툴바가 텍스트영역 밑에 깔려버리는 현상이라든지...(이건 아직 해결을 못하고 있다.) 다른 CSS와의 충돌때문이라고 예상은 하지만 어떻게 손을 봐야 할런지 감감... 일반인들은 대개 IE를 사용한다. 따라서, 지금 있는 그 상태로 써도 무방하다. 하지만, 정작 내가 맥에서 FF을 .. 2009. 2. 4. 네이버 스마트에디터 사용하기 아무래도 일반 를 사용하는 것보단 예쁘고 깔끌하게 작성 글을 꾸밀 수 있는 적당한 웹에디터를 찾고 있었는데, 이번에 네이버에서 공개한 스마트 에디터가 눈에 띠더군요. http://dev.naver.com/projects/smarteditor 지속적인 업데이트나 사후관리가 괜챦을 것 같아 한번 채용해봤습니다. 나름 괜챦습니다. 아직까지 약간의 버그들이 있어 보이지만, 실무에 적용하는데 큰 무리는 없어보이고 버그들에 대한 리포트와 그에 대응하는 디버깅도 빠른 편입니다. 파이어폭스와 적용에 약간의 문제가 있어 몇 번 문의를 했는데 잘 해결이 되었습니다. 사용방법도 간단합니다. CSS와 자바스크립트를 상단에 넣어주고, 기존의 영역에 똑같이 스마트에디터를 삽입하고, 문서의 맨 마지막이나 onload 시에 스마트에.. 2009. 1. 21. 이전 1 다음
