모니위키 위지윅 지원

wkpark의 이미지

모니위키의 위지윅에디터 Wikiwyg는 아직 개발단계입니다.

하지만 이제 어느정도 성숙단계에 접어들어 기본 문법을 대부분 지원하며,
최근에는 AsciiMathML을 비롯해서 매크로나 프로세서도 위지윅 상태에서 편집할 수 있도록 하였습니다.

위 스크린샷은 cvs에서 지원하기 시작한 AsciiMathML을 이용한 수식편집을 동적으로 하고있는 모습입니다.
(AsciencePad와 비슷하지만 다른 구현)

관심있으신 분은 CVS버전을 사용해보시기 바랍니다~
------
위지윅 편집기를 활성화시키시려면 config.php에 다음 내용을 추가하셔야 합니다

# config.php 내용
$use_sectionedit=1;
$use_wikiwyg=2;
$javascripts=array(
	'Wikiwyg/lib/Wikiwyg.js',
	'Wikiwyg/lib/Wikiwyg/Util.js',
	'Wikiwyg/lib/Wikiwyg/Toolbar.js',
	'Wikiwyg/lib/Wikiwyg/Wikitext.js',
	'Wikiwyg/lib/Wikiwyg/Preview.js',
	'Wikiwyg/lib/Wikiwyg/HTML.js',
	'Wikiwyg/lib/Wikiwyg/Wysiwyg.js',
	'moniwyg.js',
	'ASCIIMathML.js');

댓글

pung96의 이미지

오 멋지네요. 한동안 다른 위키를 쓰다가 다시 고민중이었는데. 모니위키를 설치해봐야겠습니다.

wkpark의 이미지

개발 속도가 더디긴 하지만 위지윅 기능을 계속 조금씩 만지고 개선시키고 있습니다~

다른 위키위키의 위지윅 편집기를 살펴보았지만 WikiWyg 위지윅 편집기만큼 위키다운 편집기는 찾아볼 수 없어서 이걸 선택했는데,
Wikiwyg의 2% 부족한 부분때문에 시간이 많이 지연되었습니다.

현재 위지윅을 지원한다는 몇몇 위키엔진들은 내부적으로 html을 사용하거나,
위지윅으로 편집을 하면 기존의 위키태그가 뭉게지고 보존이 안되는 등등.. 자질구레한 문제점이 많더군요.
(예를 들어 모인모인에 새롭게 추가된 Fckeditor를 이용한 위지윅 기능은 정말 기대 이하...)

WikiWyg 위지윅 편집기를 쓰거나 쓸 수 있는 확장이 있는 위키엔진으로는 kwiki, pmwiki, MediaWiki(최근 버전에서는 안된다고 함), dokuwiki등등이 있습니다.

온갖 참된 삶은 만남이다 --Martin Buber

lordmiss의 이미지

편집기 관련 이야기를 다셨길래 하는 말인데요...

혹시 Markdown이나 Textile같은 포맷에 대한 지원도 가능한가요? 현재 모니위키의 문법은 [모인모인 + 확장]으로 알고 있는데, 항상 헷갈리거든요... 플러그인 형태로 지원한다면 편할 것 같습니다.

이미 지원하고 있는 것이라면... 대략 난감입니다. 쩝...


http://lordmiss.com

DDT, BMDRC

wkpark의 이미지

textile 지원은 cvs에 들어갔고요, markdown은 아직 들어가지 않았습니다. 모인모인에서는 포맷터 혹은 프로세서라고 하죠. 프로세서 플러그인으로 확장할 수 있습니다.
(cvs버전은 $default_markup='textile';로 세팅하면 textile이 기본 문법으로 적용하게 할 수도 있습니다)

아... 질문의 요지가 textile/markdown에 대한 위지윅 지원 여부인가요? 그것은 지원하지 않습니다~

온갖 참된 삶은 만남이다 --Martin Buber

huricool의 이미지

정말 요긴하게 사용하고 있는 위키인데 업데이트 되었네요.

한번 사용해 봐야 겠습니다.

moinmoin 껄 써봤는데 이미지를 첨부시켜놨더니 전부 URL로 나오더라구요

다시한번 감사 드립니다 (^^)

무인도에 갇힌다면 당신이 가지고 갈 세가지는?

wkpark의 이미지

아직 정식버전 안나왔구요. 스크린샷은 cvs버전입니다.

올해 안으로 1.1.3이 나올 수 있을지 여부는 잘 모르겠고요..
Wikiwyg 위지윅편집기라도 마무리되면 cvs 스냅샷이라도 내놓을 생각입니다~

지원중인 혹은 지원 예정중인 위지윅 편집 기능들

* 자동 위키문법: http://kldp.org 자동 링크를 비롯하여 CamelCase, [한글링크], [[매크로()]] 등등. 위지윅 상태에서 위키문법으로 직접 입력해도 자동으로 위키문법으로 인식하고 변환. (현재 firefox에서만 지원됨)
* <object> <embed> 태그를 입력하면 자동으로 [[HTML()]]매크로로 변환
* attachment: 문법 자동 인식 (예정)
* 그림크기 조절, 테이블 크기조절 지원. (스마일리의 크기 조정은 제한됩니다)
* 위지윅모드 / 텍스트 모드를 동시에 지원하는 스마일리 선택, 첨부파일 선택 지원
* 광범위한 undo/redo 지원 (예정)

온갖 참된 삶은 만남이다 --Martin Buber

지나다의 이미지

config.php를 위 글대로 수정해봤는데.. 위지윅 창이 뜨지 않네요..
뭔가 추가로 설정해 줘야 하는 게 있는지요?

모니위키 버젼은 1.12입니다..

wkpark의 이미지

cvs에서 지원되는 기능입니다. 1.1.2에서는 제대로 지원되지 않습니다.

온갖 참된 삶은 만남이다 --Martin Buber

랜덤여신의 이미지

혹시 Xquared 플러그인을 개발해보실 의향이 있으신지요? 모니위키에 적용되면 편리할 것 같아서요.
----
블로그 / 위키 / 리눅스 스크린샷 갤러리

wkpark의 이미지

제가 겉핱기로밖에 안보았지만, Xquared는 xhtml 편집기 아닌가요?

온갖 참된 삶은 만남이다 --Martin Buber

hermian의 이미지

언제쯤 cvs버전이라도 릴리즈 하실 건가요.
한번 써보고 싶군요 ^^

gurugio의 이미지


어셈러브에 위키를 도입해서 쓰고 있는데요
여쭤보고 싶은게 있습니다.
여기저기 검색을 해보고 있지만 못찾고 있어서 부탁드립니다.

{{{ ~~~ }}} 안에서 길이 매우 긴 한 줄이 있을 때 브라우저 크기에 맞게
다음 줄로 넘어가게 할 수 있을까요?

예를 들어
{{{
ㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁㅁ
}}}

이렇게 긴 줄이 있을 때 브라우저에 스크롤바가 생기면서 긴 줄이 그대로 출력됩니다.
이걸 일반 텍스트처럼 중간에 다음줄로 넘어가도록 하고 싶습니다.
가끔 소스 코드를 입력할 때 페이지가 보기 힘들게 되버려서요.

그리고 각 페이지 별를 만든 사람만 편집할 수 있도록 하는 등의 ACL 설정을 해야하는데
여기저기 찾아봐도 저같이 웹을 잘 모르는 사람이 볼 수 있도록 정리된 문서가 없는것 같습니다.
저는 1.1.2버전을 사용하고 있는데요 ACL 관련된 설정을 제가 직접 해야하나요?
ACL 관련된 문서를 만드신게 있다면 알려주셨으면 합니다.

모니위키 정말 잘 쓰고 있습니다.
모니위키가 없었다면 미련하게 게시판에 PDF로 문서를 하나씩 올리고 편리하게 수정도 못하고 있었겠지요.
정말 감사드립니다.

----
세상을 바꾸는 것은 단 한 사람. 오직 하나님의 사람뿐이다.
http://www.asmlove.co.kr

keizie의 이미지

{{{ }}} 블럭의 동작을 변형한
{{| |}} 블럭이 있습니다. 모인모인 문법에는 없었던 것으로 기억합니다. 노스모크 확장이었죠 아마.

이때 줄바꿈을 그대로 유지하기 위해서 엔터를 줄바꿈으로 인식하는 옵션을 켜셔야 할 겁니다. 안 그러면 문단이 나뉘지 않은 모든 줄바꿈이 다 붙어서 나오죠.

---
모니위키에 대한 질문은 모니위키 메인 위키에 직접 하시는 게 좋겠습니다.

gurugio의 이미지


감사합니다. 딱 제가 원하던 기능이었습니다.
다음부턴 모니위키 메인 위키에 질문하겠습니다.
감사합니다.

----
세상을 바꾸는 것은 단 한 사람. 오직 하나님의 사람뿐이다.
http://www.asmlove.co.kr

댓글 달기

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.