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

คาร์ต้า

โปรแกรมแก้ไข Markdown ที่ทันสมัยน้ำหนักเบาและทรงพลัง

เอกสาร · GitHub

การแนะนำ

บันทึก

CARTA เพิ่งได้รับการอัปเดตเป็น v4 ซึ่งมีการเปลี่ยนแปลงที่สำคัญมากมาย

ทำตามคู่มือการโยกย้ายเพื่ออัปเดตโครงการของคุณ

CARTA เป็นตัวแก้ไขและผู้ชม Svelte ที่มีน้ำหนักเบา เร็ว และ ขยายได้ มันขับเคลื่อนโดย Unified, คำพูดและ refype ตรวจสอบตัวอย่างเพื่อดูการดำเนินการ แตกต่างจากบรรณาธิการส่วนใหญ่ CARTA ไม่รวมตัวแก้ไขรหัส แต่เป็น เพียง textarea ที่มีการเน้นไวยากรณ์ทางลัดและอื่น ๆ

คุณสมบัติ

  • - การไฮไลต์ไวยากรณ์ Markdown (Shiki);
  • แถบเครื่องมือ (ขยายได้);
  • ⌨แป้นพิมพ์ ลัด (ขยายได้);
  • - รองรับ ปลั๊กอิน 150+ ต้องขอบคุณหมายเหตุ;
  • - SCROLL SYNC;
  • ✅การเข้าถึงเป็นมิตร;
  • SSR เข้ากันได้;
  • ⚗การสนับสนุน Katex (ปลั๊กอิน);
  • - คำสั่ง สแลช (ปลั๊กอิน);
  • - อิโมจิ พร้อมการค้นหา (ปลั๊กอิน);
  • ✏การสนับสนุน tikz (ปลั๊กอิน);
  • การสนับสนุน สิ่งที่แนบมา (ปลั๊กอิน);
  • ⚓ลิงค์ สมอ ในส่วนหัว (ปลั๊กอิน);
  • - การเน้นรหัสไวยากรณ์ (ปลั๊กอิน)
  • ส่วนประกอบ ฝัง (ปลั๊กอิน);

แพ็คเกจ

บรรจุุภัณฑ์ สถานะ เอกสาร
Carta-MD -
ปลั๊กอิน /ปลั๊กอิน/คณิตศาสตร์
รหัสปลั๊กอิน /ปลั๊กอิน/รหัส
ปลั๊กอิน-เอ็มโมจิ /ปลั๊กอิน/อิโมจิ
ปลั๊กอินสแลช /ปลั๊กอิน/สแลช
ปลั๊กอิน tikz /ปลั๊กอิน/tikz
ปลั๊กอิน /ปลั๊กอิน/ไฟล์แนบ
ปลั๊กอิน /ปลั๊กอิน/จุดยึด
ส่วนประกอบปลั๊กอิน /ปลั๊กอิน/ส่วนประกอบ

ปลั๊กอินชุมชน

ปลั๊กอิน คำอธิบาย
Carta-Plugin-Video แสดงวิดีโอออนไลน์
carta-plugin-imsize แสดงภาพในขนาดเฉพาะ
Carta-Plugin-Subscript แสดงผลห้อยและตัวยก
Carta-Plugin-Ins-Del <ins> และ <del> แท็กรองรับ

เริ่มต้น

คำเตือน

การฆ่าเชื้อสายไม่ได้รับการจัดการโดย Carta คุณต้องจัดเตรียม sanitizer ในตัวเลือก sanitizers ทั่วไปคือ isomorphic-dompurify (แนะนำ) และ sanitize-html ชำระเงินเอกสารสำหรับตัวอย่าง

การติดตั้ง

แพ็คเกจหลัก: 

 npm i carta-md

ปลั๊กอิน: 

 npm i @cartamd/plugin-name

การกำหนดค่าพื้นฐาน 

< script lang = " ts " >
	import { Carta , MarkdownEditor } from ' carta-md ' ;
	// Component default theme
	import ' carta-md/default.css ' ;

	const carta = new Carta ({
		// Remember to use a sanitizer to prevent XSS attacks
		// sanitizer: mySanitizer
	});
</ script >

< MarkdownEditor { carta } />

< style >
	/* Or in global stylesheet */
	/* Set your monospace font (Required to have the editor working correctly!) */
	:global( .carta-font-code ) {
		font-family : ' ... ' , monospace ;
		font-size : 1.1 rem ;
	}
</ style >

ธง

คุณสามารถลดชุดบันเดิลฝั่งเซิร์ฟเวอร์ได้โดยใช้การกำหนดค่า VITE ต่อไปนี้ สิ่งนี้จะลบชิกิออกจากชุด อาจทำให้เกิดปัญหาหากคุณพยายามใช้ plugin-code บนเซิร์ฟเวอร์เนื่องจากปากกาเน้นข้อความไม่ปรากฏอยู่ที่นั่นอีกต่อไป 

 // vite.config.js
import { sveltekit } from '@sveltejs/kit/vite' ;

/** @type {import('vite').UserConfig} */
const config = {
	plugins : [ sveltekit ( ) ] ,
	define : {
		__ENABLE_CARTA_SSR_HIGHLIGHTER__ : false
	}
} ;
export default config ;

เอกสาร

สำหรับเอกสารฉบับเต็มตัวอย่างคำแนะนำและการชำระเงินเพิ่มเติมเว็บไซต์

  • การแนะนำ
  • ตัวอย่าง
  • เริ่มต้น
  • รูปแบบการแก้ไข
  • ปลั๊กอิน:
    • คณิตศาสตร์
    • รหัส
    • อีโมจิ
    • สาด
    • tikz
    • สิ่งที่แนบมา
    • จุดยึด
    • ส่วนประกอบ
  • API:
    • ระบบสาธารณูปโภค
    • แกนกลาง
    • ส่วนขยาย

การสนับสนุนและการพัฒนา

การบริจาคทุกครั้งได้รับการยอมรับอย่างดี หากคุณมีคำขอคุณสมบัติคุณสามารถเปิดปัญหาใหม่ได้

แพ็คเกจนี้ใช้พื้นที่ทำงานของ PNPM ดังนั้น PNPM จึงจำเป็นต้องดาวน์โหลดและรวมทุกอย่างเข้าด้วยกันอย่างเหมาะสม

การกระทำ

ที่เก็บนี้เป็นมิตร ในการใช้งาน: 

 npm run commit
# or, if you have commitizen installed globally
git cz

เอกสารที่ใช้งาน

หากคุณต้องการดูตัวอย่างเอกสาร: 

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