마크 다운 라이브 미리보기 편집기?


78

현재 TextmateMarkdown 문서를 만드는 데 사용 하고 있지만 Markdown 출력 창을 '업데이트'할 때마다 CtrlOptionCmd+ 를 눌러야 P합니다. 본질적으로 나는 그것을 워드 프로세서처럼 사용하고 있습니다.

컨텐츠의 wysiwig / live 업데이트를 지원하는 Mac OS X 용 Markdown 편집기가 있습니까? 아마도 Textmate는 이미 이것을하고 있습니까?


리눅스에서 같은 것을 검색하면 여전히이 질문은 매우 유용합니다 (여기에 휴대용 프로그램이 있습니다)
Dacav

인라인 미리보기 / wysiwyg 기능을 갖춘 여러 편집기가 여기 있습니다 : softwarerecs.stackexchange.com/questions/5746/…
화려하다

답변:


40

TextMate를 사용하려면 파일의 언어 연결을 'HTML'로 변경하십시오. 미리보기 창에는 'Markdown.pl'을 통해 텍스트를 파이프하는 옵션을 제공하는 드로어가 있습니다. (스크린 샷 참조).

가격 인하

Makrdown에 사용하는 대안은 공식적으로 출시 된 앱이 아니지만 개인적 으로 Jonathan 'Wolf'Rentzsch의 markdownlive 를 사용 합니다. GitHub에서 사용할 수있는 오픈 소스이며 Xcode를 사용하여 컴파일해야합니다. 또한 생성 된 HTML을 복사 할 수 있습니다 (약간 사용하고 싶습니다).


나는 markdownlive를 시도했다. 그것은 효과가 있지만 개발에서 말했듯이 구문 색상 지정 방식에서 매우 원시적입니다. 나는 당신에게 다른 방법을 곧 시도 할 것입니다.
Brock Woolf

2
파일 형식을 html로 설정할 필요는 없습니다. 마크 다운 번들을 사용하는 경우 번들 설정에서 동등한 키 미리보기 활성화를 제거하면됩니다. 그러면 창 메뉴에서 textmate의 웹 미리보기 표시가 실시간 미리보기를 제공합니다.
yanokwa

멀티 마크 다운은 어떻습니까?
커크 스트로 벡

5
MarkdownLive를 직접 구축 할 필요는 없습니다 : github.com/rentzsch/markdownlive/downloads
Matt Ball

+1 @yanokwa의 의견. 나는 특히 잘 정렬되지 않은 목록에 대한 들여 쓰기 같은 것들을 보존 Markdown을 플러그인의 포크, 같은 : github.com/fletcher/markdown.tmbundle
user72923

62

Mac OS X (Lion) 용 라이브 편집기 인 "Mou"도 있습니다. 아직 베타 버전이지만 훌륭하게 작동합니다! http://mouapp.com/

현재 이용 가능한 Markdown 편집기가 일반 작가를위한 거의 모든 경우 Mou는 다릅니다. 웹 개발자를위한 것입니다. 구문 강조, 라이브 미리보기, 전체 화면 모드, 자동 저장, 강력한 동작, 자동 쌍, 증분 검색, 사용자 정의 테마, HTML 내보내기, 향상된 CJK 문자 지원.

여기에 이미지 설명을 입력하십시오


4
입은 좋아 보이지만 사자가 필요합니다.
Thilo

28

Mac에서만 Marked 는 모든 텍스트 편집기에 대한 마크 다운 및 멀티 마크 다운 미리보기를 제공합니다. 텍스트 파일을 저장하면 미리보기가 업데이트됩니다.

표시된 스크린 샷


MarkdownPad 는 Windows 용이지만 라이브 미리보기를 제공합니다.

MarkdownPad 스크린 샷


ReText는 다른 플랫폼에서도 사용 가능하며 렌더링 된 Markdown의 실시간 미리보기를 제공합니다.

ReText 는 Markdown 구문을위한 간단한 텍스트 편집기입니다. Qt 라이브러리를 사용하여 Python으로 작성되었으며 모든 플랫폼에서 실행할 수 있습니다 (Linux 및 BSD는 공식적으로 지원됨)

텍스트 재 작성

공식적으로 지원되지는 않지만 Windows 설치 지침 도 있습니다. 그러나 작동하도록 몇 가지 수정 작업을 수행해야했습니다 (수정 사항이있는 전체 세트는 아래에 나와 있습니다).

설치

  1. Python27 설치
  2. PyQt-Py2.7-x86-gpl-4.8.3-1.exe 용으로 사전 컴파일 된 PyQT 설치 PyQt-Py2.7-x86-gpl-4.8.4-1.exe
  3. easy_install setuptools-0.6c11.win32-py2.7.exe 설치
  4. 내 컴퓨터의 환경 변수를 업데이트하십시오. 클릭 Start마우스 오른쪽 단추로 클릭 My Computer하고 선택 Properties선택, Advanced탭을, 다음을 클릭합니다 Environment Variables.
  5. 에서을 System Variables클릭하십시오 New. 변수 이름 아래에을 입력하십시오 PYTHONPATH. 아래 Variable value입력C:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. 시스템 변수를 선택하고를 PATH클릭하십시오 Edit. 기존 항목 앞에 variable value추가 하여 PATH 를 업데이트하십시오.C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. 추가 Python 라이브러리를 설치하십시오. 선택 StartRun, 입력 cmd한 후 cd \python27\scripts. 들어가다:
    • easy_install Pygments
    • easy_install ElementTree
    • easy_install Markdown
    • easy_install gdata
  8. 현재 ReText 다운로드 및 포장 풀기 (ATM 0.8.1 )
  9. ReText 아이콘 다운로드 및 압축 해제
  10. 압축이 풀린 아이콘을 ReText \ icons 폴더에 넣습니다.
  11. retext.py 파일로 이동하십시오 (아마도 c:\retext). 끌어서 놓기 retext.py를 마우스 오른쪽 단추로 클릭하고을 선택하십시오 Create shortcuts here.
  12. 바로 가기를 마우스 오른쪽 버튼으로 클릭하여 속성을 조정하십시오.
  13. 변경 target"C:\Python27\python.exe" retext.pyRunminimized.
  14. 아이콘을 변경하십시오 ( 위에서 압축이 풀린 파일 .ico중 하나 .png에서 ReText/icons디렉토리 로 파일을 작성해야 함) .
  15. 원하는 경우 일반 탭에서 바로 가기 이름을 변경하십시오.

1
여전히 것으로 표시하려면 (난 정말 추천 할 수있는)하고있는 사람들을 위해 스노우 레오파드 (10.6), 무료 스노우 레오파드 만 자주 묻는 질문 (를 통해 해당하는 다운로드가 있습니다 marked.tenderapp.com/kb/documentation/... ) : 자산 .markedapp.com / MarkedSL.zip
Simon Lehmann

더 나은 이러한 별도의 답변을 각각 나열
잭 톰슨


7

BBEdit 은이 작업을 즉시 수행합니다. 현재 문서 유형을 마크 다운으로 설정하고 BBEdit에서 미리보기를 연 다음 자리를 비 웁니다. 미리보기 창이 자동으로 업데이트되어 원하는 방식으로 텍스트를 표시합니다.

자세한 내용은 BBEdit 사용 설명서의 277 페이지를 참조하십시오 .


5

Emacs 마크 다운 모드는 글을 쓰는 동안 실시간 미리보기를 제공하며을 사용하여 전체 HTML / 브라우저 미리보기를 제공 C-c C-p합니다.

여기에 이미지 설명을 입력하십시오



3

vim-instant-markdown 은 시스템 기본 웹 브라우저에서 거의 즉각적인 업데이트를 보여주는 vim 플러그인입니다. MacVim에서도 작동하지만 $ PATH를 약간 사용해야합니다.


1
당신이 $ PATH에 당신이 한 일을 공유하겠습니까?
Eric Hu

2

최근에 부활 한 Smultron 은 아무 키나 누르지 않고도 그렇게 할 수 있습니다.

  1. "Really Advanced"아래의 고급 환경 설정에서 "Preview Parser"를 "Markdown"으로 설정하십시오.
  2. 그런 다음 "도구"/ "미리보기"로 미리보기 창을여십시오. Voilà.



당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.