Markdown Live Preview Editor ใช่ไหม


78

ขณะนี้ฉันกำลังใช้Textmateเพื่อสร้างเอกสาร Markdown แต่ฉันต้องกดCtrlOptionCmd+ Pทุกครั้งที่ต้องการ 'อัปเดต' หน้าต่างเอาต์พุต Markdown โดยพื้นฐานแล้วฉันใช้มันเหมือนโปรแกรมประมวลผลคำ

มีตัวแก้ไข Markdown สำหรับ Mac OS X ที่รองรับการอัพเดตเนื้อหาแบบ wysiwig / live หรือไม่? บางที Textmate ทำสิ่งนี้ไปแล้ว?


การค้นหาเดียวกันสำหรับ Linux ยังคงเป็นคำถามนี้มีประโยชน์มาก (มีบางโปรแกรมพกพาที่ระบุไว้ที่นี่)
Dacav

มีบรรณาธิการหลายคนที่มีความสามารถในการดูตัวอย่าง / แบบอินไลน์ได้ที่นี่: softwarerecs.stackexchange.com/questions/5746/…
gaborous

คำตอบ:


40

หากคุณต้องการใช้ TextMate เปลี่ยนการเชื่อมโยงภาษาของไฟล์เป็น 'HTML' ในหน้าต่างแสดงตัวอย่างมีลิ้นชักที่เสนอตัวเลือกไปป์ข้อความผ่าน 'Markdown.pl' (ดูภาพหน้าจอ)

markdown

ทางเลือกที่ฉันใช้สำหรับ Makrdown ไม่ใช่แอปเปิดตัวเป็นทางการ แต่โดยส่วนตัวแล้วฉันใช้markdownliveโดย Jonathan 'Wolf' Rentzsch เป็นโอเพ่นซอร์สที่มีอยู่ใน GitHub และคุณจะต้องรวบรวมโดยใช้ Xcode นอกจากนี้ยังช่วยให้คุณสามารถคัดลอก Generated HTML (สิ่งที่ฉันชอบที่จะใช้สำหรับบิต)


ฉันลอง markdownlive มันใช้งานได้ แต่เหมือนที่คุณบอกว่ามันกำลังพัฒนาและค่อนข้างเก่าแก่ในเรื่องของการระบายสีไวยากรณ์ ฉันจะลองวิธีอื่น ๆ เร็ว ๆ นี้
Brock Woolf

2
คุณไม่จำเป็นต้องตั้งค่าประเภทไฟล์เป็น html หากคุณใช้ markdown bundle คุณเพียงแค่ลบการเปิดใช้งานคีย์ที่เทียบเท่าของการแสดงตัวอย่างในการตั้งค่าบันเดิล จากนั้นเว็บแสดงตัวอย่างของ textmate ในเมนูหน้าต่างจะแสดงตัวอย่างสดให้คุณ
yanokwa

multimarkdown เกี่ยวกับอะไร?
Kirk Strobeck

5
คุณไม่ต้องสร้าง MarkdownLive ด้วยตัวคุณเอง: github.com/rentzsch/markdownlive/downloads
Matt Ball

+1 สำหรับความคิดเห็นของ @ yanokwa ฉันชอบส้อมของปลั๊กอินมาร์ก
อัป

62

นอกจากนี้ยังมี "Mou" ซึ่งเป็นโปรแกรมแก้ไขสดสำหรับ Mac OS X (Lion) มันยังอยู่ในช่วงเบต้า แต่ใช้งานได้ดี! http://mouapp.com/

เมื่อบรรณาธิการ Markdown ที่มีอยู่ในปัจจุบันเกือบทั้งหมดสำหรับนักเขียนทั่วไป Mou แตกต่าง: สำหรับนักพัฒนาเว็บ การเน้นไวยากรณ์, การแสดงตัวอย่างแบบสด, โหมดเต็มหน้าจอ, บันทึกอัตโนมัติ, การกระทำที่ทรงพลัง, การจับคู่อัตโนมัติ, การค้นหาที่เพิ่มขึ้น, ธีมที่กำหนดเอง, การส่งออก HTML, การสนับสนุนอักขระ CJK ที่ได้รับการปรับปรุง

ป้อนคำอธิบายรูปภาพที่นี่


4
Mou ดูดี แต่ต้องการ Lion
Thilo

28

Mac เท่านั้นทำเครื่องหมายให้แสดงตัวอย่างและหลายเครื่องหมายสำหรับโปรแกรมแก้ไขข้อความใด ๆ ภาพตัวอย่างจะได้รับการอัปเดตเมื่อคุณบันทึกไฟล์ข้อความ

ภาพหน้าจอที่ทำเครื่องหมาย


MarkdownPadสำหรับ Windows แต่มีการแสดงตัวอย่างแบบสด

ภาพหน้าจอ MarkdownPad


ReText พร้อมใช้งานสำหรับแพลตฟอร์มอื่น ๆ และเสนอตัวอย่างสดของ Markdown ที่แสดงผล:

ReTextเป็นโปรแกรมแก้ไขข้อความอย่างง่ายสำหรับไวยากรณ์ Markdown มันเขียนใน Python โดยใช้ไลบรารี Qt สามารถทำงานบนแพลตฟอร์มใด ๆ (รองรับ Linux และ BSD อย่างเป็นทางการ)

สกรีนช็อต ReText

แม้ว่าจะไม่ได้รับการสนับสนุนอย่างเป็นทางการ แต่ก็มีคำแนะนำในการติดตั้ง Windowsเช่นกัน อย่างไรก็ตามฉันต้องทำการแก้ไขเล็กน้อยเพื่อให้ทำงานได้ (ชุดที่สมบูรณ์พร้อมการแก้ไขของฉันแสดงอยู่ด้านล่าง):

การติดตั้ง

  1. ติดตั้งPython27
  2. ติดตั้ง PyQT ไว้ล่วงหน้าสำหรับPyQt-Py2.7-x86-gpl-4.8.3-1.exe 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ให้เลือกแท็บแล้วคลิกAdvancedEnvironment Variables
  5. ภายใต้คลิกSystem Variables ภายใต้ชื่อตัวแปรป้อนNew PYTHONPATHภายใต้Variable valueป้อนC:\Python27\Lib\;C:\Python27\Lib\site-packages\
  6. เลือกตัวแปรระบบคลิกPATH Editอัปเดต PATH variable valueโดยเพิ่มC:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;ที่ด้านหน้าของรายการที่มีอยู่เพื่อให้อ่านได้PATH=C:\Python27;C:\Python27\Lib\site-packages\PyQt4\bin;...
  7. ติดตั้งไลบรารี Python เพิ่มเติม เลือกStartแล้วRunพิมพ์แล้วcmd cd \python27\scriptsEnter:
    • 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.pyและจะRunminimized
  14. เปลี่ยนไอคอน (ซึ่งจะทำให้คุณต้องสร้าง.icoไฟล์จากไฟล์ใดไฟล์หนึ่งที่.pngซิปด้านบนลงในReText/iconsไดเรกทอรีซึ่งสามารถทำได้ที่นี่
  15. เปลี่ยนชื่อทางลัดบนแท็บทั่วไปหากต้องการ

1
สำหรับผู้ที่ต้องการได้รับการทำเครื่องหมาย (ซึ่งฉันสามารถแนะนำได้จริง ๆ ) และยังมี Snow Leopard (10.6) มีดาวน์โหลด Snow Leopard ฟรีเท่านั้นที่ให้บริการผ่านคำถามที่พบบ่อย (ทำเครื่องหมาย.tenderapp.com/kb/documentation/… ): assets .markedapp.com / MarkedSL.zip
Simon Lehmann

ดีกว่าที่จะเขียนแต่ละคำตอบแยกต่างหาก
Zac Thompson

19

MarkdownLiveทำสิ่งที่คุณต้องการอย่างอิสระและโอเพนซอร์ส

ดาวน์โหลดปล่อยผ่าน GitHub หรือรุ่น 1.7.1 จากที่นี่

ป้อนคำอธิบายรูปภาพที่นี่


7

BBEditทำสิ่งนี้นอกกรอบ: ตั้งค่าประเภทเอกสารปัจจุบันเป็น Markdown, เปิด Preview ใน BBEdit และพิมพ์ออกไป หน้าต่างแสดงตัวอย่างจะอัปเดตอัตโนมัติโดยแสดงข้อความของคุณตามที่คุณต้องการ

ดูรายละเอียดในคู่มือผู้ใช้ BBEditหน้า 277


5

โหมด markdown Emacs ช่วยให้คุณมีตัวอย่างสดตามที่คุณเขียนและยังเป็น HTML เต็มรูปแบบ / C-c C-pเบราว์เซอร์ที่มีการแสดงตัวอย่าง

ป้อนคำอธิบายรูปภาพที่นี่



3

vim-instant-markdownเป็นปลั๊กอิน vim ที่แสดงการอัพเดตใกล้ ๆ ในเว็บเบราว์เซอร์เริ่มต้นของระบบ มันใช้งานได้ใน MacVim แต่ฉันต้องเล่นซอกับ $ PATH นิดหน่อย


1
คุณต้องการแบ่งปันสิ่งที่คุณทำกับ $ PATH หรือไม่?
Eric Hu

2

Smultron ที่เพิ่งฟื้นขึ้นมาใหม่สามารถทำได้เช่นกันโดยไม่ต้องกดปุ่มใด ๆ :

  1. ตั้งค่า "Preview Parser" เป็น "Markdown" ในการตั้งค่าขั้นสูงภายใต้ "Really Advanced"
  2. จากนั้นเปิดหน้าต่างแสดงตัวอย่างด้วย "เครื่องมือ" / "ดูตัวอย่าง" voila

2

ข้อความสำหรับ Mac OS X และ Windows

ภาพหน้าจอของตำรา


1
คำเตือน : เว็บไซต์ฝังข้อมูลที่ตำราคือไม่ฟรี คุณสามารถใช้มันเป็นเวลา 30 วันก่อนที่คุณจะต้องซื้อใบอนุญาต
Rory O'Kane

0

ผู้ใช้ Windows สามารถใช้ Resophnotes เพื่อเขียนข้อความใน Markdown และใช้ไอคอน "HTML" เพื่อดูตัวอย่างข้อความที่ทำเครื่องหมายแล้วส่งออกข้อความที่จัดรูปแบบ html

http://www.resoph.com/ResophNotes/Welcome.html


0

ฉันอาจเชื่อมโยงไปยังคำถาม SU ของฉัน - ที่ฉันมองหาเหมือนกันเพียงแค่ใช้ PHP / JavaScript (ที่สามารถทำงานบนเซิร์ฟเวอร์ที่ติดตั้งในเครื่อง):

Markdown "single page" PHP เว็บแอพพลิเคชั่นพร้อมพรีวิวสด [ปิด] - ผู้ใช้ขั้นสูง

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.