1

주제: 블로그에서 바로 편집하기에 대한 아이디어

블로그를 보다가 '수정' 버튼을 누르면 바로 스킨위에 에디터가 떠오르는 방식 ^
엔비의 박수만 사장님이 이글루스에도 공유한 아이디어인데, 태터 역시 이랬으면 좋겠어요 !! 라는 말과 함께 시작한 아이디어입니다. 현재 블로그에서 글을 보다가 수정 버튼을 누르면, 관리자 화면으로 이동하죠 ? 여기서 편집을 하고 나면 다시 원래의 페이지로 돌아가는데 많은 불편이 있는 것이 사실입니다. 따라서 이 부분을 간소화하여, 수정버튼을 누르면 바로 스킨위에 자그마한 위지윅 에디터가 떠올라서 편집을 하고 저장을 하면 원래의 본문이 나타나는 방식을 취하는 것이 어떠한가 와 관련된 의견입니다.

제가 생각하기에는 그 부분을 바꾼다라기보다는 편집창이 별도의 레이어로 착 떠오르는 방식이 어떨가 싶군요...
그리고 뒷부분은 약간 음영처리를 해두고요... 가능할런지는 잘 모르겠습니다.
일단 상상력을 발휘하면 이렇습니다. smile

2

답글: 블로그에서 바로 편집하기에 대한 아이디어

잠시 시간이 나서... 만들어 봤습니다. 별 것은 없고, 로그인된 상태에서 블로그로 나와 수정버튼 누르면 위아래 메뉴 없이 위지윅 에디터가 뜨도록 해 봤습니다.

그런데 말씀하신 방식처럼 레이어링은 힘들 것 같습니다. 잘 몰라서 여쭈어봅니다만, iframe을 사용하지 않고 레이어를 별도의 독립된 웹문서처럼 취급이 가능한가요? 그냥 에디트 루틴을 기존의 웹문서에 레이어로 더할 경우 위지윅 에디터의 css (관리자 모드의 css죠) 와 원래 스킨의 css가 간섭을 일으키는 현상이 나타납니다. 또한 블로그 화면 소스에 자바스크립트가 난무해서 무지무지 난잡해지네요. ㅠ_ㅠ

레이어 안에 iframe을 삽입하거나 새 창으로 띄워버리면 간단하게 해결할 수 있습니다만, 다들 의견이 어떠신지, 또는 다른 아이디어가 없으신지 궁금합니다. (개인적으로 iframe을 싫어해서 이럽니다 ㅠ_ㅠ)

아이디어 있으시면 그거 적용해서 sandbox에 commit해 보겠습니다.

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

3

답글: 블로그에서 바로 편집하기에 대한 아이디어

inureyes 작성:

잠시 시간이 나서... 만들어 봤습니다. 별 것은 없고, 로그인된 상태에서 블로그로 나와 수정버튼 누르면 위아래 메뉴 없이 위지윅 에디터가 뜨도록 해 봤습니다.

그런데 말씀하신 방식처럼 레이어링은 힘들 것 같습니다. 잘 몰라서 여쭈어봅니다만, iframe을 사용하지 않고 레이어를 별도의 독립된 웹문서처럼 취급이 가능한가요? 그냥 에디트 루틴을 기존의 웹문서에 레이어로 더할 경우 위지윅 에디터의 css (관리자 모드의 css죠) 와 원래 스킨의 css가 간섭을 일으키는 현상이 나타납니다. 또한 블로그 화면 소스에 자바스크립트가 난무해서 무지무지 난잡해지네요. ㅠ_ㅠ

레이어 안에 iframe을 삽입하거나 새 창으로 띄워버리면 간단하게 해결할 수 있습니다만, 다들 의견이 어떠신지, 또는 다른 아이디어가 없으신지 궁금합니다. (개인적으로 iframe을 싫어해서 이럽니다 ㅠ_ㅠ)

아이디어 있으시면 그거 적용해서 sandbox에 commit해 보겠습니다.

대단하신 inureyes 님....
TnC 개발자 여러분께 이 소식을 알리도록 하겠습니다.
아이디어 내놓기가 무서워지는군요..

-노정석 드림

4

답글: 블로그에서 바로 편집하기에 대한 아이디어

불가능이란 없는 태터개발센터군요...
아이디어가 나오면 순식간에 제작되는게 참 놀랍습니다. big_smile
개발자님들 화이팅!

5

답글: 블로그에서 바로 편집하기에 대한 아이디어

팝업창으로 뜨게만 하더라도 훨씬 편해지지 않을까 싶은데요? ^^

팝업창 싫어하시는 분들도 계시는거 같긴 하지만.. 팝업창으로 위지윅 에디터가 뜬다면 꽤 편할거 같다는 생각이 드네요.
덧붙여서 새 글 쓰기도 그런식으로 해도 괜찮을거 같고..;;

:: Naughty Naive ::

6

답글: 블로그에서 바로 편집하기에 대한 아이디어

네 그것이 어떠한 형태이건.. iframe  이건 layer 이건 혹은 최악의 경우 popup 이 별도로 뜨건간에..
조그마한 글을 하나 수정했는데, 관리자화면까지 들어갔다가 다시 나오는게 아니도록 하는게 핵심이니깐요..

태터툴즈가 현재 가지고 있는 문제점이 두달전쯤 작성한 글을 편집하고 나서 저장하기 버튼을 눌렀을때..
원래의 글로 다시 돌아와야 하는데..그러질 않고 가장 첫페이지로 돌아가기 때문에.. 원래의 글을 다시 찾아가야 하는 단점이 있거든요... 이런 부분정도만 해결해도 참 좋은데. 아예 ... 그 글에서 에디팅해버리는게 가장 편하지 않을까라는 것이 아이디어의 핵심이었던것 같습니다...

단, 기존의 스킨시스템에 큰 변경이 없어야 한다는 그런 정도의 제약이 있달까요 ???
inureyes 님의 implementation 을 어디서 볼 수 있는지요 ?
sandbox commit log 를 살펴봐야 겠네용.

7

답글: 블로그에서 바로 편집하기에 대한 아이디어

그러면 지금 하는 일 끝나고 저녁즈음에 팝업형식으로 하여 commit해 보겠습니다. smile

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

8

답글: 블로그에서 바로 편집하기에 대한 아이디어

http://platina.byus.net/cirrus/attach/1/1249916021.jpg

블로그 상에서 수정을 클릭하면 바로 에디터가 뜨는 건 너무 노가다일려나요?

레이어를 하나 새로 만들어서 그 위에 띄우는 거 보다는 이게 더 쉬울거 같은데요.. ^^;;



한가지 더 건의할 사항이 있다면 위지웍 에디터에서 가로, 세로 폭을 더 넓힐수는 없을까요?

지금 가로 사이즈는 최대 폭이 거의 600인거 같은데 이 이상으로는 넓힐 수 없더군요.

사진을 리사이즈 안하고 크게 넣는 분들은(주로 사진 포스팅에서) 좀 불편합니다. 에디터에 사진이 가득~해서요.

가로는 스킨에 값이 있으니까 가로폭은 600이상 가능하게, 세로폭은 가변적으로 그때그때 넓힐 수 있게 만들면 좋지 않을까 건의해봅니다.




꼬리글>>
아.. 이건 어쩌면 XHTML 스킨 사용자나 비정상적으로 가로폭이 좀 좁은 스킨에서는 문제를 일으킬 수 있겠군요. -_-;;

cirrus (2006-05-03 18:18:59)에 의해 마지막으로 수정

9

답글: 블로그에서 바로 편집하기에 대한 아이디어

cirrus 작성:

http://platina.byus.net/cirrus/attach/1/1249916021.jpg

블로그 상에서 수정을 클릭하면 바로 에디터가 뜨는 건 너무 노가다일려나요?

레이어를 하나 새로 만들어서 그 위에 띄우는 거 보다는 이게 더 쉬울거 같은데요.. ^^;;



한가지 더 건의할 사항이 있다면 위지웍 에디터에서 가로, 세로 폭을 더 넓힐수는 없을까요?

지금 가로 사이즈는 최대 폭이 거의 600인거 같은데 이 이상으로는 넓힐 수 없더군요.

사진을 리사이즈 안하고 크게 넣는 분들은(주로 사진 포스팅에서) 좀 불편합니다. 에디터에 사진이 가득~해서요.

가로는 스킨에 값이 있으니까 가로폭은 600이상 가능하게, 세로폭은 가변적으로 그때그때 넓힐 수 있게 만들면 좋지 않을까 건의해봅니다.




꼬리글>>
아.. 이건 어쩌면 XHTML 스킨 사용자나 비정상적으로 가로폭이 좀 좁은 스킨에서는 문제를 일으킬 수 있겠군요. -_-;;

근데 위에 저 그림은...... 포토샵 신공인것이옵니까 ??
깔끔하네요 ^^^ 제가 생각하던 바로 그 스타일인데..ㅎㅎ

10

답글: 블로그에서 바로 편집하기에 대한 아이디어

아무래도 역시나 iframe이 가장 쉽고 편할거 같네요.
뭐 저도 iframe을 그리 좋아하지는 않지만 어차피 위지웍도 iframe이니 iframe을 사용하는데 있어서 망설일 필요는 없을거 같네요.

그리고 지금 말하는건 브레인 스토밍입니다만..
레이어로 iframe을 만들고 여기서 수정되는 내용이 바로바로 본문에도 적용되면 어떨까요?
실제로 보여질 디자인을 보면서 수정할 수 있으니 괜찮지 않을까라고 생각되네요.

근데 어디가면 구경할 수 있나요? 어떻게 구현하셨는지 궁금해요. smile

11

답글: 블로그에서 바로 편집하기에 대한 아이디어

와.. 멋지네요.. +,.+

12

답글: 블로그에서 바로 편집하기에 대한 아이디어

하루종일 무지하게 바빠서 열 두시에야 방에 들어왔네요. smile

sandbox에 commit하였습니다.  (rev. 78)

블로그에서 고치기 하면 관리자 화면이 다 안뜨고 글 수정에 관련된 부분만 창으로 뜹니다.
저장하면 창이 닫힙니다.

미리보기를 누르면 원래 창에 반영되도록 해 보려고 했지만, 포스트별로 id가 지정되어 있지 않기 때문에 ajax를 사용해서 핸들을 잡을 수가 없었습니다. 그걸 위해선 댓글처럼 본문에도 id를 주어야 가능할 것 같습니다. 대신 원래 창을 refresh시키는 고전적인 방법을 집어넣어 놓을까 하다가 의견을 들으려고 일단 남겨두었습니다.

기존의 스킨과 한 부분이 달라집니다. 스킨에서 로그인 했을 때만 나타나는 부분의 링크 치환자가 onclick 치환자로 바뀝니다. (당연하겠죠?) 기존의 부분을 <a href="#" onclick="[##_s_ad_m_onclick_##]"> 식으로 바꿔주시면 됩니다. xhtml용 기본 스킨에는 일단 반영을 해 놓았습니다.

무지하게 바쁜 주네요. >_<
그래도 아직까진 서늘한 바람이 불어주는 밤이라 좋습니다 : )

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

13

답글: 블로그에서 바로 편집하기에 대한 아이디어

Peris 작성:

아무래도 역시나 iframe이 가장 쉽고 편할거 같네요.
뭐 저도 iframe을 그리 좋아하지는 않지만 어차피 위지웍도 iframe이니 iframe을 사용하는데 있어서 망설일 필요는 없을거 같네요.

낮에 위의 의견들 보고 창으로 만들었는데, 지금 commit하고 나서야 이걸 봤습니다 ㅠ_ㅠ

하지면 레이어에 iframe이 어려운 것도 아니니, 방향만 결정되면 바로 바꿀 수 있다는 것에 일단 스스로 위안을... 흑

Peris 작성:

그리고 지금 말하는건 브레인 스토밍입니다만..
레이어로 iframe을 만들고 여기서 수정되는 내용이 바로바로 본문에도 적용되면 어떨까요?
실제로 보여질 디자인을 보면서 수정할 수 있으니 괜찮지 않을까라고 생각되네요.

근데 어디가면 구경할 수 있나요? 어떻게 구현하셨는지 궁금해요. smile

방금 commit해 놓았습니다.
본문 바로바로 적용하는 부분에 ajax를 넣으려면 본문의 id가 필요합니다. (지금은 없지요;; )
뭐, 결정되면 추가하는게 어렵겠습니까^^; 문제는 기존의 스킨들도 모두 그 부분을 추가해 주어야 한다는 점이죠 =_=;

아예 onclick은 별도로 만들고 기존의 link 치환자를 레거시로 남겨둘까 하는 생각도 들고 있습니다..

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

14

답글: 블로그에서 바로 편집하기에 대한 아이디어

자기가 코딩해놓고 이런말 하기 우습지만, 진짜 편하군요...
(아이디어 내신분이 대단하십니다. smile   )

미리보기 했을 경우 원래창 refresh하게 추가해보니 예쁘지는 않지만 대충 미리보기도 됩니다.

덧) 역시 기존 치환자에 대한 레거시가 있어야겠죠? ... 막 레거시 유지하도록 수정해서 다시 commit했습니다...
(웬만하면 기존의 구조에 아무것도 추가하지 않고 구현하고 싶었는데 ㅠ_ㅠ 자바스크립트로 returnURL말고 팝업 에디터임을 알리는 값이 하나 더 넘어갑니다.)

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'

15

답글: 블로그에서 바로 편집하기에 대한 아이디어

당연히 포토샵입니다;;;;;;;;;;;;;;;;;;;;;;;

cirrus (2006-05-04 03:07:24)에 의해 마지막으로 수정

16

답글: 블로그에서 바로 편집하기에 대한 아이디어

글쓰기도 팝업으로 띄울 수 있게 만드는 것도 괜찮을 거 같은데요 ^^;
글쓰기 용으로도 하나 더 만들어주세요요요~~~

17

답글: 블로그에서 바로 편집하기에 대한 아이디어

워드프레스에 이러한 플러그인이 있는 것으로 알고 있습니다. hxxp://loser.miniwini.com/wp/archives/780

위지윅에디터 정도는 오히려 더 불편하지 않을까 싶기도 합니다. 글쓴후 간단한 수정에 사용되는 경우가 많을테니까요.

lunamoth (2006-05-04 07:15:30)에 의해 마지막으로 수정