หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ทรัพยากรอื่นๆ
ดาวน์โหลด

ดิลลิงเกอร์

ตัวแก้ไข Markdown สุดท้ายที่เคย

Dillinger เป็นตัวแก้ไขที่ใช้งานได้พร้อมใช้งานแบบคลาวด์พร้อมการจัดเก็บแบบออฟไลน์ที่ใช้งานได้แบบออฟไลน์

  • พิมพ์ markdown ทางด้านซ้าย
  • ดู HTML ทางด้านขวา
  • เวทมนตร์

คุณสมบัติ

  • นำเข้าไฟล์ HTML และดูการแปลงเป็น markdown อย่างน่าอัศจรรย์
  • ลากและวางอิมเมจ (ต้องการบัญชี Dropbox ของคุณเชื่อมโยง)
  • นำเข้าและบันทึกไฟล์จาก GitHub, Dropbox, Google Drive และหนึ่งไดรฟ์
  • ลากและวางไฟล์ Markdown และ HTML ลงใน Dillinger
  • ส่งออกเอกสารเป็น Markdown, HTML และ PDF

Markdown เป็นภาษามาร์กอัปที่มีน้ำหนักเบาตามอนุสัญญาการจัดรูปแบบที่ผู้คนใช้ในอีเมลตามธรรมชาติ ดังที่ John Gruber เขียนไว้ในเว็บไซต์ Markdown

เป้าหมายการออกแบบที่เอาชนะได้สำหรับไวยากรณ์การจัดรูปแบบของ Markdown คือการทำให้สามารถอ่านได้มากที่สุด แนวคิดก็คือเอกสารที่จัดรูปแบบ markdown ควรเผยแพร่ตามที่เป็นอยู่เป็นข้อความธรรมดาโดยไม่ต้องมองว่ามันถูกทำเครื่องหมายด้วยแท็กหรือคำแนะนำในการจัดรูปแบบ

ข้อความนี้ที่คุณเห็นที่นี่เขียน จริง ๆ ใน Markdown! หากต้องการรับความรู้สึกสำหรับไวยากรณ์ของ Markdown ให้พิมพ์ข้อความบางส่วนลงในหน้าต่างด้านซ้ายและดูผลลัพธ์ทางด้านขวา

เทค

Dillinger ใช้โครงการโอเพนซอร์สจำนวนมากเพื่อทำงานอย่างถูกต้อง:

  • AngularJS - HTML ปรับปรุงสำหรับเว็บแอพ!
  • Ace Editor - ตัวแก้ไขข้อความบนเว็บที่ยอดเยี่ยม
  • Markdown -it - ตัวแยกวิเคราะห์ Markdown ทำถูกต้อง ขยายได้ง่ายและง่ายดาย
  • Twitter Bootstrap - UI Boilerplate ที่ยอดเยี่ยมสำหรับเว็บแอพที่ทันสมัย
  • node.js - เหตุการณ์ I/O สำหรับแบ็กเอนด์
  • Express - Fast Node.js Network Framework @tjholowaychuk
  • Gulp - ระบบสร้างสตรีมมิ่ง
  • Breakdance - HTML เป็นตัวแปลง Markdown
  • jQuery - duh

และแน่นอนว่า Dillinger เป็นโอเพ่นซอร์สที่มีพื้นที่เก็บข้อมูลสาธารณะใน GitHub

การติดตั้ง

Dillinger ต้องการ node.js v10+ เพื่อเรียกใช้

ติดตั้งการพึ่งพาและ devdependencies และเริ่มเซิร์ฟเวอร์ 

 cd dillinger
npm i
node app

สำหรับสภาพแวดล้อมการผลิต ... 

npm install --production
NODE_ENV=production node app

ปลั๊กอิน

ปัจจุบัน Dillinger ขยายออกไปพร้อมกับปลั๊กอินต่อไปนี้ คำแนะนำเกี่ยวกับวิธีการใช้ในแอปพลิเคชันของคุณเองมีการเชื่อมโยงด้านล่าง

ปลั๊กอิน readme
กล่องดร็อปบ็อกซ์ ปลั๊กอิน/dropbox/readme.md
คนอื่น ๆ ปลั๊กอิน/github/readme.md
Google Drive ปลั๊กอิน/googledrive/readme.md
OneDrive ปลั๊กอิน/onedrive/readme.md
ปานกลาง ปลั๊กอิน/ปานกลาง/readme.md
Google Analytics ปลั๊กอิน/googleanalytics/readme.md

การพัฒนา

ต้องการมีส่วนร่วม? ยอดเยี่ยม!

Dillinger ใช้ Gulp + Webpack เพื่อพัฒนาอย่างรวดเร็ว ทำการเปลี่ยนแปลงในไฟล์ของคุณและดูการอัปเดตของคุณทันที!

เปิดเทอร์มินัลที่คุณชื่นชอบและเรียกใช้คำสั่งเหล่านี้

แท็บแรก: 

node app

แท็บที่สอง: 

gulp watch

(ไม่บังคับ) ที่สาม: 

karma test

อาคารสำหรับแหล่งที่มา

สำหรับการเปิดตัวการผลิต: 

gulp build --prod

สร้างคลังเก็บซิปที่สร้างไว้ล่วงหน้าเพื่อการกระจาย: 

gulp build dist --prod

นักเทียบท่า

Dillinger นั้นง่ายต่อการติดตั้งและปรับใช้ในคอนเทนเนอร์ Docker

โดยค่าเริ่มต้น Docker จะเปิดเผยพอร์ต 8080 ดังนั้นเปลี่ยนสิ่งนี้ภายใน DockerFile หากจำเป็น เมื่อพร้อมให้ใช้ DockerFile เพื่อสร้างภาพ 

 cd dillinger
docker build -t < youruser > /dillinger: ${package.json.version} .

สิ่งนี้จะสร้างภาพ Dillinger และดึงการพึ่งพาที่จำเป็น อย่าลืมสลับกับ ${package.json.version} ด้วย Dillinger เวอร์ชันจริง

เมื่อเสร็จแล้วให้เรียกใช้อิมเมจนักเทียบท่าและแมปพอร์ตกับสิ่งที่คุณต้องการในโฮสต์ของคุณ ในตัวอย่างนี้เราเพียงแค่แมปพอร์ต 8000 ของโฮสต์ไปยังพอร์ต 8080 ของ Docker (หรือพอร์ตใดก็ตามที่ถูกเปิดเผยใน DockerFile): 

docker run -d -p 8000:8080 --restart=always --cap-add=SYS_ADMIN --name=dillinger < youruser > /dillinger: ${package.json.version}

หมายเหตุ: --cap-add=SYS_ADMIN เป็นสิ่งจำเป็นสำหรับการแสดงผล PDF

ตรวจสอบการปรับใช้โดยการนำทางไปยังที่อยู่เซิร์ฟเวอร์ของคุณในเบราว์เซอร์ที่คุณต้องการ 

127.0.0.1:8000

ใบอนุญาต

มิกซ์

ซอฟต์แวร์ฟรีนรกใช่!

ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด