seevaa.net

오늘 티스토리 베타테스트 블로그에 올라온 글(2008-07-10 : 지금까지 베타테스트에 관한 FAQ)중에 '글쓰기 모드에 반영을 위한  WYSIWYG.CSS¹가 별도로 추가될 예정'이라는 언급이 있었습니다. 이미 텍스트큐브에는 있는 기능입니다만, 티스토리에도 가능해지는군요. 무엇보다 글쓰기 모드에서 발행했을 때 본문의 모습과 거의 비슷하게 작성할 수 있어서 중간중간에 미리보기를 누르는 일이 줄어들어서 좋습니다. ^^;;

티스토리 글을 잠깐 인용하자면,

... 이번 개편에서는 글쓰기 모드에 반영을 위한 WYSIWYG.CSS가 별도로 추가될 예정입니다. 현재 스킨에서 해당 CSS 파일을 업로드 하시면 사용이 화면에서 보여드린 것처럼 글쓰기 화면에서도 표현이 가능합니다. 현재 티스토리에서 사용되고 있는 인기스킨 순서대로 WISYWIG.CSS를 추가 작업중에 있으며 (스킨별로 하나씩 모두 만들어야 하는 작업으로 시간이 소요되고 있습니다.), 이후 적용시부터 적용됩니다. 단, 기존 사용하고 계시는 스킨은 해당 내용이 없으므로, 새로 적용해야하는 합니다. 또한 제작 스킨의 경우에는 함께 추가할 수 있는 곧 CSS 스펙을 공개할 예정이오니, 많은 테스트 부탁드립니다. 아래의 스킨을 기존 관리 (/Owner 이하)의 스킨 관리 페이지에서 저장하신 뒤 새로운 에디터 화면에서 보시면, 스킨이 적용되어 나오는 것을 확인하실 수 있습니다...

현재 티스토리에서 제공하는 몇개의 스킨에서 바로 적용이 된듯하나, 개인이 제작한 스킨은 별도로 wysiwyg .css을 작성해서 업로드해야합니다. 그에대한 스펙?을 공개할 예정이라고 언급도 있구요.

wysiwyg.css에 대한 정확한 지식은 없지만 궁금해서 저도 wysiwyg.css를 작성해서 업로드 해봤습니다. 완전하진 않지만 에디터창에서 제 본문설정(style.css)과 거의 같은 모습으로 작성할 수 있었습니다.

작성된 모습과 비교

어떤가요? 위의 에디터창에서 작성할때(사진)과 글자크기나 색설정부터 거의 대부분이 발행했을 때의 본문설정(style.css)과 동일하게 나옵니다. 저는 시험삼아 style.css에 있는 본문설정만 따로 wysiwyg.css에 담아서 업로드했습니다만, 앞으로 이에대한 소개가 될 예정이라니까 좀 기다리면 개인이 제작한 스킨을 사용하시는 분들도 본문설정과 비슷하게 모습으로 글을 작성하실수 있겠네요~

암튼(결론은 항상 '암튼'으로 마무리를;;), 이번에 새로워진 글쓰기창도 대단하지만 티스토리에도 이 기능이 되니까 엄청 좋네요~ ^^;;

1. WYSIWYG이란

What You See Is What You Get 이란 문장의 약자로써, 보여지는 모습 그대로 얻는다는 뜻입니다. 이번 티스토리에서는 이러한 WYSIWYG을 구현하기 위하여 별도의 CSS를 확장하였습니다. 티스토리에서 제공되는 스킨은 별도 추가 작업을 진행중이오며, 제작스킨일 경우 제작 가능하도록 가이드를 공유할 예정입니다.