그래서 제일 먼저 에디터를 살펴 보았다. 그림처럼.. 왼쪽에 문단 표시가 되는걸 볼 수 있다. 오~ 이거 상큼한데? 간단한 방식으로 이렇게 표현하는 것도 기발한 아이디어 같다.
이런걸 제대로 살펴 보려면.. Copy&Paste 를 해보면 잘 볼 수 있다. 그래서 해봤다. 간단한 내용은 잘 붙는걸 볼 수 있었다. 브라우져 designMode 를 그냥 사용한 듯 하다. 앗 근데.. 이건 뭐지? 카피 한 부분을 지우고 다시 작성 하려는데 갑자기 커서가 저~ 밑으로 가버렸다. 아무래도 Mac+Firefox 에서는 테스트 되지 않은 듯 하다. 그럼 사파리는 될까? 역시 레이아웃이 완전히 깨져버린다.. 그리고 스프링노트는 기본적으로 View 화면이 없고 전부 Editor 화면으로 시작되기 때문에 designMode가 지원되지 않는 사파리에서는 내용조차 안보인다. 쩝쩝..
에디터에서 간단한 문단구조 등을 지원하기 때문에 WYSIWYM 의 개념을 어느정도 가져오려고 한것 같다. 그런데 Microformat 등과 같은 고려가 없고, 아래와 같이.. Style 이 적용된 경우 등을 보면..
아무래도 WYSIWYM 보다는 WYSIWYG 에 더 가까운 것 같다.
Update ------------- WYSIWYM 에디터라는 것들은 내용 및 형식을 좀 더 많이 분리해서 보여주는 것 들인데 스프링 노트의 에디터는 아무래도 형식의 표현 보다는 디자인의 표현 좀 더 무게가 실려 있는 듯 하다.
회사에서 SpringNote에 관해서 이야기 하다가... WYSIWYM Editor라는 새로운 Keyword를 접했다. What You See Is What You Mean이라는 말에서 알 수 있도록 WYSIWYG과 비교되는 개념이며, 상대적으로 의미(Sematics)를 강조한 Editing 기술이라고 볼 수 있다. 마치.. 일반적으로 말하는 내용과 형식은 분리 되어야 한다. HTML에서 HTML Tag와 CSS(Style)는 분리 되어야 한다. H..
안녕하세요? 스프링노트 개발자입니다. 먼저 관심을 가져주셔서 감사하다는 말씀을 드립니다. 큰 도움이 됩니다. 지적해주신 사안들에 대한 현재 상태, 팀 내부에서 고민하고 있는 내용들을 간단히 말씀 드릴게요.
1. 브라우저 지원에 대하여:
현재 스프링노트가 지원하고 있는 브라우저는 IE 6/7, FF 2 입니다. 맥에서도 물론 테스트를 하고 있답니다. 다만 아직 베타 테스트 중이라서 이런저런 버그들이 남아 있습니다. 에디터가 안정화되면 사파리와 오페라 지원 또한 추가할 예정입니다. 양해를 부탁 드릴게요. 특히 복사해서 붙이기를 할 경우 외부의 데이터를 클라이언트에서 실시간으로 Validation을 하고 있는데(b를 strong으로 바꾸거나 엉킨 태그를 푸는 등) 이 부분이 아직 미흡합니다.
2. 문서 포멧에 대하여:
스프링노트 에디터는 XHTML Basic 1.1의 서브셋을 지원하는 것을 목표로 개발 중입니다. 그리고 Microformat 형식인 WIF(Wiki Interchange Format)를 준수할 예정입니다. 다만 이것도 역시 아직 개발이 진행중인지라 일부 태그(위키 링크에 대해 wikilink 클래스가 지정됨)에 대해서만 처리가 이루어지고 있습니다.
3. WYSIWYM에 대하여:
지적하신 바와 같이 스프링노트 에디터는 WYSIWYM과 WYSIWYG 사이 쯤으로 보는 것이 맞는 것 같습니다. 문서의 구조와 의미를 겉으로 드러내는 일과, 대중 사용자를 위한 친숙함 사이에서 적절한 조율점을 찾기 위해 계속 고민하고 있습니다. 편집기 툴바의 "형광팬" 같은 용어는 겉보기엔 WYSIWYG 스럽지만 내부적으로는 "형광팬"을 강조의 일종으로 보고 em 태그에 "highlight" 클래스를 지정하여 마크업하고 있습니다. 들여쓰기/내어쓰기 또한 몇몇 브라우저에서는 Blockquote를 쓰는 등 의미 없는 마크업을 만들어내는 것과 달리 style(margin-left)을 통해 표현하고 있답니다. 칭찬해주신(감사합니다 ^^) 화면 좌측의 막대도 이러한 고민의 결과입니다. 막대의 색에도 사실 의미가 숨어 있습니다. 붉은 색은 다른 Block을 포함할 수 없는 Block, 파란색은 다른 Block을 포함할 수 있는 Block을 의미합니다. Alt+Up/Down 단축키 역시 구조적 편집을 돕기위한 도구 중 하나이고요.
댓글을 달아 주세요
안녕하세요? 스프링노트 개발자입니다. 먼저 관심을 가져주셔서 감사하다는 말씀을 드립니다. 큰 도움이 됩니다. 지적해주신 사안들에 대한 현재 상태, 팀 내부에서 고민하고 있는 내용들을 간단히 말씀 드릴게요.
2007/03/21 14:311. 브라우저 지원에 대하여:
현재 스프링노트가 지원하고 있는 브라우저는 IE 6/7, FF 2 입니다. 맥에서도 물론 테스트를 하고 있답니다. 다만 아직 베타 테스트 중이라서 이런저런 버그들이 남아 있습니다. 에디터가 안정화되면 사파리와 오페라 지원 또한 추가할 예정입니다. 양해를 부탁 드릴게요. 특히 복사해서 붙이기를 할 경우 외부의 데이터를 클라이언트에서 실시간으로 Validation을 하고 있는데(b를 strong으로 바꾸거나 엉킨 태그를 푸는 등) 이 부분이 아직 미흡합니다.
2. 문서 포멧에 대하여:
스프링노트 에디터는 XHTML Basic 1.1의 서브셋을 지원하는 것을 목표로 개발 중입니다. 그리고 Microformat 형식인 WIF(Wiki Interchange Format)를 준수할 예정입니다. 다만 이것도 역시 아직 개발이 진행중인지라 일부 태그(위키 링크에 대해 wikilink 클래스가 지정됨)에 대해서만 처리가 이루어지고 있습니다.
3. WYSIWYM에 대하여:
지적하신 바와 같이 스프링노트 에디터는 WYSIWYM과 WYSIWYG 사이 쯤으로 보는 것이 맞는 것 같습니다. 문서의 구조와 의미를 겉으로 드러내는 일과, 대중 사용자를 위한 친숙함 사이에서 적절한 조율점을 찾기 위해 계속 고민하고 있습니다. 편집기 툴바의 "형광팬" 같은 용어는 겉보기엔 WYSIWYG 스럽지만 내부적으로는 "형광팬"을 강조의 일종으로 보고 em 태그에 "highlight" 클래스를 지정하여 마크업하고 있습니다. 들여쓰기/내어쓰기 또한 몇몇 브라우저에서는 Blockquote를 쓰는 등 의미 없는 마크업을 만들어내는 것과 달리 style(margin-left)을 통해 표현하고 있답니다. 칭찬해주신(감사합니다 ^^) 화면 좌측의 막대도 이러한 고민의 결과입니다. 막대의 색에도 사실 의미가 숨어 있습니다. 붉은 색은 다른 Block을 포함할 수 없는 Block, 파란색은 다른 Block을 포함할 수 있는 Block을 의미합니다. Alt+Up/Down 단축키 역시 구조적 편집을 돕기위한 도구 중 하나이고요.
앗 이런 친히 방문해 주셔서 감사 합니다.
2007/03/21 14:47요새 있는 에디터 중 개인적으로는 스프링노트의 에디터가 가장 좋은 컨셉 인 것 같습니다. 좋은(친절한) 정보 와 좋은 서비스 감사 합니다~
스프링노트 커뮤니티 보다가 반가운 이름이 있어서~ ㅎㅎ 잘 지내시죠~
2007/03/21 18:26호오~ 여기에도 계시는 군요. 잘 지내시죠? ^^
2007/03/21 22:09