md editor v3
v5.1.1
ภาษาอังกฤษ | 中文
MARKDOWN EDITOR สำหรับ Vue3 พัฒนาขึ้นใน jsx และ typescript
เอกสารและตัวอย่าง: ไป
ตัวแก้ไขซีรี่ส์เดียวกันสำหรับ React: MD-Editor-RT
prettier (เฉพาะสำหรับเนื้อหา Markdown ไม่ใช่รหัสและข้อความอื่น ๆ )default , vuepress , github , cyanosis , mk-cute , สไตล์ smart-blue (ไม่เหมือนกัน) สามารถปรับแต่งได้ (ดูหน้าตัวอย่าง)mermaid (> = 1.8.0), สูตรคณิตศาสตร์ katex (> = 1.9.0)| ธีมเริ่มต้น | ธีมมืด | ดูตัวอย่างเท่านั้น |
|---|---|---|
การป้อนพรอมต์และมาร์คส่วนขยายอิโมจิ
yarn add md-editor-v3ใช้ส่วนขยายที่มีอยู่ของภาษาและธีมเช่นภาษาญี่ปุ่น
yarn add @vavt/cm-extensionใช้ส่วนประกอบที่มีอยู่ของแถบเครื่องมือเช่นการส่งออกเนื้อหาเป็น PDF
yarn add @vavt/v3-extensionสำหรับวิธีอื่น ๆ ในการใช้หรือมีส่วนร่วมโปรดดูที่: MD-editor-extension
เมื่อใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์ตรวจสอบให้แน่ใจว่าได้ตั้ง editorId เป็นค่าคงที่
เริ่มต้นจาก 4.0.0 ส่วนประกอบภายในสามารถนำเข้าตามความต้องการได้
< template >
< MdEditor v-model = " text " />
</ template >
< script setup>
import { ref } from ' vue ' ;
import { MdEditor } from ' md-editor-v3 ' ;
import ' md-editor-v3/lib/style.css ' ;
const text = ref ( ' # Hello Editor ' );
</ script >< template >
< MdPreview :id = " id " :modelValue = " text " />
< MdCatalog :editorId = " id " :scrollElement = " scrollElement " />
</ template >
< script setup>
import { ref } from ' vue ' ;
import { MdPreview , MdCatalog } from ' md-editor-v3 ' ;
import ' md-editor-v3/lib/preview.css ' ;
const id = ' preview-only ' ;
const text = ref ( ' # Hello Editor ' );
const scrollElement = document . documentElement ;
</ script > เมื่อใช้การเรนเดอร์ฝั่งเซิร์ฟเวอร์ scrollElement ควรเป็นประเภทสตริงเช่น: html , body , #id , .class
สำหรับการใช้งานเพิ่มเติมกรุณาเยี่ยมชมเอกสาร
