xe 사이트에 부속된 위키 사이트를 운영하고 있는데요.

사실 위키가 처음 나타난 배경은 복잡한 html 문법 때문에 간단한 마크업을 무기로 한 것이었죠.

근데 이것도 시간이 지나면서 문법이 복잡해지니 일일이 배우기 어려워진 건 html 과 별반 다르지 않게 됐죠.

 

그래서 위키에서도 최근 주목 받는 것이 위지윅 에디터입니다.

미디어위키를 사용하고 있는데 여기는 미디어위키가 개발하고 있는 Visual Editor가 대표적입니다.

저도 이걸 적용해 보려고 여러번 시도했는데 결국은 (아직까지는) 포기 상태.

parsoid, node, pm2 등등 별도로 설치해야 할 거 투성이고, 그나마 웹호스팅을 받는 상황에서는 설치 안되는 것도 부지기수라...

 

그래서 대안으로 TinyMCE, ckeditor 등을 시도해 봤는데,

TinyMCE는 제대로 설치되고 운영은 되는데, 위지윅 상태에서 편집 시 예기치 않은 이상 현상이 너무 잦아서 도저히 사용을 못하겠더군요.

ckeditor는 개발 중단된지 오래되서 아예 설치도 안되는 상황

 

그래서 차차선으로 선택한 것이 원소스 텍스트에서 조금이라도 태그 등을 구분해 줄 수 있는 방법을 찾았는데,

CodeMirror extension 정도가 최선인 것 같네요.

 

mediawiki_codemirror.jpg

 

 

그래서 이 정도로 만족하려고 했는데....

 

결정적으로 한글 입력에 문제가 많네요.

 

한글을 입력하고 스페이스 키를 누르면 입력한 단어가 사라져 버립니다.

단어 입력하고 방향키로 벗어나면 입력한 한글 단어 그대로 유지는 되고... 하..

 

어렵네요.

버그 피드백은 넣어놓긴 했는데 어떨지 모르겠네요.

 

제일 이상적인 건 미디어위키가 제공하는 Visual Editor 적용하는 건데 몇 번 시도에도 실패만 거듭해서리..

 

 

코로나로 다들 불안하고 어려운 시기지만,

 

힘들 내세요 ~~~

 

 

 

  • ?
    위키에서 위지익 에디터를 사용하다가 포기한 1인입니다.

    위지익 에디터를 적극적으로 채용하고 있는 위키는 위키백과(위키피디아)에 불과합니다. 꺼무위키라 불리는 나무위키에서조차도 위지익 에디터를 제공하지 않으니깐요.

    비주얼 에디터를 웹 호스팅에서 사용 할 수는 있습니다. (https://studyforus.com/study/435464 참조) 다만 권장하지 않는 것일 뿐입니다.

    위키에서 위지익 에디터를 사용 안하는 이유는...

    1. TinyMCE - 원활히 작동됩니다. 위지익 에디터를 쓰고 싶은데 저사양이거나 설정이 귀찮다면 이걸 쓰면 좋습니다. 다만 몇몇 문법들이 맞지 않는 경우가 있습니다.

    예를들어 문단 생성시 최상위문단은

    == 문단1 ==

    으로 입력하면 되는데, TinyMCE는 최상위 문단 생성시

    = 문단1 =

    로 만들어 버립니다. 그래서 목차가 꼬여버립니다.

    2. 비주얼 에디터 - 사양 빵빵하고, 귀찮음을 극복할 수 있다면 이걸 설치하세요. 다만 호환 스킨이 적기 때문에, 많이 사용되는 스킨인 리버티 스킨과는 호환이 안됩니다.
  • ? profile
    네.. 저도 여러 차례 시도는 해 봤는데 영 쉽지 않네요.
    그래서 현재는 소스 텍스트 가운데 태그에 색상을 입히거나 글자를 조금 크게 보이게 하는 정도 기능을 제공하는 CodeMirror 익스텐션을 사용하고 있습니다. 한글 씹히는 문제가 있는데 일단 피드백을 넣었더니 관심을 가지고 접수해 줬네요.. 조금 기다려 봐야 겠습니다. CodeMirror 정도만 사용해도 훨씬 가독성이 좋아지니..
  • profile ?
    CodeMirror 라는 확장기능이 있었는 줄 몰랐네요.
    한글 씹히는 문제는 좀 심각해 보입니다.

    https://phabricator.wikimedia.org/T250468

    이 버그만 수정되면 저도 사용 할 것 같네요. (모바일에서는 발생 안되네요.)
  • profile ?
    안녕하세요 간장게장님..
    혹시 이 글에 쓰신 CodeMirror 오류는 현재 수정된 상태인가요?
    많이 편해졌나요? ㅠㅠ
  • ? profile
    아직 해결되지 않았습니다.
    왠지 위키 특성이나 오류 수정에 그다지 적극적이지 않네요.
  • ? profile
    혹시 필요하실까 해서 댓글 답니다.
    스펠체커 기능을 없애면 한글 씹히는 문제는 사라지네요. 아래 댓글 참고 하세요.
  • profile
    이글에 혹시 궁금하신 사항 있을 것 같이 추가 합니다.

    CodeMirror 사용 시 한글 씹히는 문제는 일부 코드를 삭제하는 식으로 해결했습니다.
    스펠체커 기능을 사용하지 않으면 되는데 resources/ext.CodeMirror.js 파일에서 코드 두 줄만 삭제하면 됩니다.

    inputStyle: enableContentEditable ? 'contenteditable' : 'textarea',
    spellcheck: enableContentEditable,

    https://comazu.com/doku.php?id=코드미러_익스텐션_한글_입력_에러_해결