프로젝트에 대한 다양한 이야기를 나누는 포럼입니다. 프로젝트는 좋은 의견과 참여로 발전할 수 있습니다

글 수 164

"WIKIWYG"의 원리-- 저의 방안

조회 수 4030 추천 수 0 2008.06.10 00:57:25

아래 글에 이어서 써봅니다.


위지윅 방식은 초보자가 쉽게 익숙해질 수 있기 때문에 많은 문서 작성 툴에서 사용하고 있습니다.

 

그러나 TeX 사용자들이 지적하듯이 오히려 문서의 질을 떨어뜨리는 등 문제가 있는 것도 사실입니다.

 

게다가 위키 문법은 링크 작성과 같은 경우에 있어서는 위지윅이 오히려 불편을 초래할 수 있습니다. 그래서 이것을 보완한 방식 을 생각해 봤습니다. 내부 링크를 거는 방법을 예로 들어서 설명하겠습니다.

 

  1. 문서 작성 텍스트 상자 위의 컴포넌트를 이용하여 링크 삽입: 편집 화면에서 즉시 링크가 걸린 모양을 보여줌(예: 링크).
  2. 문서 작성 도중 위키 문법 [[ ]]을 타이핑함.
    a. 일단 편집 화면에는 [[링크]]와 같은 원본 텍스트 그대로 보여줌(엄밀히 말하면 위지윅 방식에는 위배됨). 그대로 저장하고 나면, 문서를 볼 때 링크로 바뀜.
    b. 편집 화면에서 '문법 정리' 버튼을 클릭하면 [[링크]]가 링크로 바뀌어 표시됨(저장 후에는 a와 아무런 차이가 없음).

 

1은 컴포넌트를 동원하여 입력한 경우엔 바로 위지윅으로 처리해주는 것입니다. 2는 그게 아니라 위지윅 화면에서 문법을 입력하는 것입니다. 2-a는 데키위키에서 사용하는 방식이구요, 2-b는 중간에 위지윅 화면을 수동으로 업데이트하는 것입니다.

 

미디어위키에는 아직 공식 위지윅 에디터가 완성되지 않았지만, 2-b처럼 편집 도중에 업데이트용 버튼을 누르면 문법의 하이라이트 등을 자동으로 해주는 소프트웨어가 있습니다. wikEd라는 프로그램인데, 미디어위키의 기본 편집 화면 대신에 하이라이트  기능을 갖춘 에디터로 바꾸어 줍니다(URL: http://en.wikipedia.org/wiki/User:Cacycle/wikEd). 이 에디터는 위키 문법에 따 하이라이트해주는데(따라서 위지윅은 아님), 하이라이트를 문서 작성하는 도중에 스스로 업데이트하는 방식이 아니라, 사용자가 수동으로 업데이트하는 방식을 채택하고 있습니다. 위 2-b는 이 개념을 위지윅에 도입한 것입니다.

 

2와 같은 방식을 도입하는 것은 위지윅 환경에서도 간편한 위키문법을 직접 타이핑해서 작업할 수 있게 하기 위함입니다.

 

2-b 대신에 다음과 같은 방법도 생각해 봤습니다.

 

c. [[링크]]를 입력하는 즉시 링크로 바뀌어 표시됨. 마치 MS 워드에서 특정 문구나 기호를 입력하면 자동으로 변환해주는 것과 마찬가지임.

 

c 기능을 크로스 브라우징으로 구현 가능할는지는 모르겠습니다.


CMmooo

2008.06.10 09:17:04
*.237.51.172

위키의 위지윅 에디터에 대해서는 하늘님과 제로님께서 고민 중인 것으로 알고 있습니다.

개인적으로는 위키의 위지윅 에디터는 韓斌님께서 말씀하신 것처럼 오히려 거추장스럽고 불편하다는 생각입니다. 그냥 일반적인 텍스트 입력창에 위키 문법으로 문서를 작성하는 편이 저로서는 훨씬 편합니다. 하지만, 위키를 처음 사용하시는 분들에게는 아무래도 위키 문법에 익숙하지 않아 쉽지는 않을 것입니다.

그리고, 위키 모듈에서는 어떤 특정 위키 엔진의 위키 문법만 지원하기 보다는 다양한 위키 엔진의 문법을 지원할 수 있도록 하는 것이 좋으리라고 보기 때문에, 이런 부분들을 고려해서 위지윅 에디터를 만들어야 하지 않을까 싶습니다.

profile

[레벨:7]Adios

2008.06.10 16:04:39
*.146.11.174

결론이 아직 나지 않은 오픈이슈로 보입니다. 제 생각엔 위키모듈의 코어에서 처리하는것 보다 에디터컴포넌트를 이용하는 것이 좋을것으로 생각됩니다. 즉, 위지윅에디터에서 위키문법으로 문서를 작성한 후 에디터컴포넌트의 버튼을 클릭하면 위키문법을 HTML으로 변환하여 에디터에 다시 출력해주는 방식이죠. 자바스크립트로 처리하기에 위키태그에 대한 파싱이 방대하다면 AJAX를 이용하는것도 해결방안일테구요..

에디터컴포넌트를 이용한다면 좀 더 다양한 위키문법에 대한 지원이 가능하지 않을까 싶습니다. 사실 위키문법이라는게 위키클론에 따라 제각각이라 이것을 정형화 한다는것 자체도 매우 어려운 부분이라고 생각합니다.

이런생각도 있는데요.. ZBXE의 위지윅에디터에 보면 텍스트 필드 바로 위에 체크버튼으로 HTML입력모드를 바꿀수 있게 하는데, 바로 옆에 하나 더 만들어서 위키문법을 통한 작성이 가능하게 하는 방법도 UI상으로 쓸모있지 않을까 생각됩니다.

여러분들의 생각은 어떠세요?

[레벨:5]HNO3

2008.06.10 22:27:17
*.37.65.47

모든 방법에서 나쁘지는 않습니다만(결국 비슷하다고 생각합니다. 모두 가능합니다), [[]] 같은 문법이야 간단하다 쳐도 table 같은 syntax를 사용하여 바꾸었을 경우, 이를 편집하는 데 상당한 수고가 필요할 것으로 보입니다. 즉, 이 모든 방법을 사용하기 위해서는 문법의 편집이 보장되어야 하는데, 이의 구연이 힘들 것으로 보입니다.

그리고, HTML 편집 모드와 Wiki 편집 모드를 모두 놓기는 힘들 것 같습니다. Wiki → HTML은 어렵지 않으나, HTML → Wiki는 난해한 부분이 많이 있을 것으로 생각됩니다.

List of Articles
제목 글쓴이 최종 글 날짜
wiki XE 프로젝트를 구글 코드 호스팅으로 이전 했습니다. XE Core 개발XE   2011-06-01
위키 프로젝트가 중단된 상태인가요? [8] 까만건글씨 2009-06-24 01:30 by 一淚™ 2009-03-23
[기획이슈] 위키모듈의 이용 - 이용 시나리오 v0.0.1 [2] [레벨:7]Adios 2009-06-20 23:40 by G.스케빈져 2007-11-05
Title Index를 통해 한글 단어를 검색하면 오류가 납니다. file [4] [레벨:5]채준배 2009-06-08 02:28 by 2009-04-27
초보의 호스팅 이전(XE->XE) [11] [레벨:3]레드맨 2009-05-27 22:59 by 이영호289 2008-01-26
글 이동이 좀 애매하군요. [레벨:8]NineTail   2009-05-19
첨부 파일은 어떻게 처리되나요? [레벨:8]NineTail   2009-05-04
위키모듈의 CSS [레벨:8]NineTail   2009-05-03
위키모듈의 검색에 대해서. [1] [레벨:8]NineTail 2009-05-03 19:06 by 하늘03 2009-05-03
제로보드는 ../xe - 제어판 에서만 꾸미기가 가능한가요? [레벨:2]흠...ㅋㅋㅋㅋㅋㅋㅋ   2009-04-24
위키의 히스토리 기능은 어떻게 쓰나요?? [1] 홍군 2009-05-02 15:37 by 하늘03 2009-04-25
검색부분이 개선되어야 할 것 같습니다. [2] 까만건글씨 2009-04-15 06:23 by 까만건글씨 2009-04-14
링크되는 문서 경로가 절대 경로로 들어갑니다. [레벨:2]김 기 상   2009-04-10
1.2.0에서 페이지모듈에 위젯삽입시 문제가... [레벨:0]Digitalife   2009-03-17
수식입력기능 [25] [레벨:1]유현곤 2009-06-09 14:09 by Min-Ho Lee 2008-03-03
[공지] 하늘님깨서 개발을 도와주시기로 했습니다. [1] [레벨:7]Adios 2009-03-05 18:58 by 出会い 2007-11-05
"WIKIWYG"의 원리-- 저의 방안 [3] [레벨:2]韓斌 2009-03-05 18:59 by だ栄 2008-06-10
[기획이슈] 각 기능의 의미별 연관 다이어그램 [3] [레벨:7]Adios 2009-03-05 15:33 by uyu 2007-10-24
Another Wiki editor [1] [레벨:2]oky 2009-03-02 19:20 by 出会い 2008-12-11
다른 글 링크 기능, 댓글 기능 필요해요 [1] 2009-03-02 19:21 by 出会い 2009-02-20
글 링크 방법 제안 file [3] [레벨:8]NineTail 2009-03-01 13:25 by 김 기 상 2009-02-28