carta
v4.6.7
ملحوظة
تم تحديث Carta مؤخرًا إلى v4 ، والذي يتميز بالعديد من التغييرات الرئيسية.
اتبع دليل الترحيل لتحديث مشروعك.
Carta هو محرر ومشاهد خفيف الوزن وسريع وقابل للتمديد . إنه مدعوم من موحد وملاحظة وريدة. تحقق من الأمثلة لرؤيتها في العمل. بشكل مختلف عن معظم المحررين ، لا تتضمن Carta محرر رمز ، ولكنه مجرد نص مع تمييز بناء الجملة والاختصارات والمزيد.
| طَرد | حالة | مستندات |
|---|---|---|
| Carta-MD | / | |
| مكونات البرنامج المساعد | /الإضافات/الرياضيات | |
| رمز البرنامج المساعد | /الإضافات/الكود | |
| البرنامج المساعد-emoji | /الإضافات/الرموز التعبيرية | |
| البرنامج المساعد | /الإضافات/القطع | |
| البرنامج المساعد tikz | /الإضافات/tikz | |
| attachment المكون الإضافي | /الإضافات/المرفق | |
| المكون الإضافي | /الإضافات/مرساة | |
| المكون المكون الإضافي | /الإضافات/المكون |
| البرنامج المساعد | وصف |
|---|---|
| Carta-Plugin-Video | تقديم مقاطع الفيديو عبر الإنترنت |
| Carta-Plugin-mimsize | عرض الصور بأحجام محددة |
| Carta-Plugin-Subscript | عرض الاشتراك |
| Carta-plugin-ins-del | <ins> و <del> دعم العلامات |
تحذير
لا يتم التعامل مع التعرية بواسطة كارتا. تحتاج إلى توفير sanitizer في الخيارات. المطهرات الشائعة هي متماثلة متناظرة (مقترحة) وتعقيم 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 ;للحصول على الوثائق الكاملة والأمثلة والأدلة والمزيد من الخروج على الموقع.
كل مساهمة مقبولة بشكل جيد. إذا كان لديك طلب ميزة ، فيمكنك فتح مشكلة جديدة.
تستخدم هذه الحزمة مساحة عمل PNPM ، لذلك مطلوب PNPM لتنزيل وتجميع كل شيء معًا بشكل صحيح.
هذا المستودع ملتزم ودود. لارتكاب الاستخدام:
npm run commit
# or, if you have commitizen installed globally
git cz
إذا كنت تريد معاينة المستندات:
cd docs
npm run dev
