ตัวแปลง Pug เป็น HTML สำหรับไวยากรณ์ Pug ที่ย่อหน้าออนไลน์
ตัวแปลง Pug เป็น HTML คอมไพล์เซ็ตย่อยที่รองรับของ Pug เป็น HTML พร้อมคัดลอก จัดการแท็ก ชวเลขคลาสและ ID แอตทริบิวต์ การซ้อนตามการย่อหน้า และข้อความไปป์ วางอินพุตของคุณ ปรับตัวเลือกที่มี แล้วคัดลอกผลลัพธ์เพื่อใช้ในโค้ด เอกสารประกอบ หรือระบบที่รับ HTML ออกแบบสำหรับการแปลงที่ตรงไปตรงมา ไม่ใช่ครอบคลุม Pug ทั้งหมด
ตัวแปลง Pug เป็น HTML เปลี่ยน Pug ที่รองรับ หรือที่รู้จักในชื่อ Jade เป็น HTML ที่คุณคัดลอกลงในโปรเจกต์ได้ เป็นคอมไพเลอร์ในตัวสำหรับเซ็ตย่อย Pug ไม่ใช่การอ้างว่ารองรับทุกฟีเจอร์ Pug ใช้เปลี่ยนมาร์กอัปที่กะทัดรัดตามการย่อหน้าเป็น HTML สำหรับขั้นตอนงานที่ต้องการรูปแบบที่แปลงแล้ว
คอมไพเลอร์รองรับแท็ก คลาส ID แอตทริบิวต์ การซ้อนตามการย่อหน้า และข้อความไปป์ ชื่อแท็ก Pug และชวเลขคลาสหรือ ID แสดงเป็นเอลิเมนต์และแอตทริบิวต์ HTML ในผลลัพธ์ ส่วนการย่อหน้าแสดงโครงสร้างที่ซ้อน วางอินพุตของคุณแล้วปรับตัวเลือกที่มีก่อนคัดลอก HTML ที่สร้าง อินพุตไม่ได้ระบุชื่อตัวเลือก
Pug ใช้ไวยากรณ์ที่กะทัดรัดซึ่งการย่อหน้าแสดงโครงสร้างได้ ส่วน HTML แสดงเอลิเมนต์ด้วยแท็กที่ชัดเจน การแปลง Pug เป็น HTML มีประโยชน์เมื่อระบบ โค้ดเบส หรือเอกสารต้องการ HTML หรือเมื่อคุณต้องการตรวจมาร์กอัปที่ขยายแล้ว เนื่องจากเครื่องมือนี้จัดการเซ็ตย่อยของ Pug ให้ตรวจว่าอินพุตของคุณใช้ไวยากรณ์ภายในการรองรับที่ระบุ
การแปลงทำงานในเบราว์เซอร์ของคุณทั้งหมด อินพุตของคุณถูกประมวลผลบนอุปกรณ์ของคุณ และไม่ได้อัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ เครื่องมือไม่พึ่งพาเซิร์ฟเวอร์ หลังโหลดหน้าแล้ว การแปลงยังใช้งานออฟไลน์ได้ เป็นตัวเลือกที่ใช้งานได้จริงสำหรับนักพัฒนาและวิศวกร DevOps ที่ต้องการวิธีแปลงตัวอย่าง Pug ที่รองรับที่รวดเร็วและเป็นส่วนตัวแล้วคัดลอกผลลัพธ์ HTML
ขั้นตอนที่ 1: วางอินพุต Pug ลงในเครื่องมือ รวมการย่อหน้าที่คุณต้องการใช้สำหรับเอลิเมนต์ที่ซ้อน
ขั้นตอนที่ 2: ตรวจอินพุตแล้วปรับตัวเลือกที่มี คอมไพเลอร์รองรับเซ็ตย่อย Pug ได้แก่ แท็ก คลาส ID แอตทริบิวต์ การซ้อน และข้อความไปป์
ขั้นตอนที่ 3: ตรวจ HTML ที่สร้างเพื่อให้แน่ใจว่าเหมาะกับความต้องการของคุณ ผลลัพธ์พร้อมคัดลอกลงในโค้ด เอกสารประกอบ หรือระบบอื่นที่รับ HTML
ขั้นตอนที่ 4: คัดลอกผลลัพธ์ HTML แล้วใช้ทุกที่ที่ต้องการมาร์กอัปที่แปลงแล้ว
กรณีการใช้งาน: ย้ายข้อมูล Pug ไปยังระบบที่รับเฉพาะ HTML แปลงมาร์กอัปที่รองรับแล้วคัดลอกผลลัพธ์ลงในปลายทาง
กรณีการใช้งาน: ตรวจว่าค่า HTML ที่ได้มาตรงกับโครงสร้างที่แสดงในต้นฉบับ Pug หรือไม่ การเปรียบเทียบเอาต์พุตช่วยคุณตรวจแท็ก การซ้อน และข้อความ
กรณีการใช้งาน: เตรียมตัวอย่าง Pug สำหรับเอกสารประกอบ ตั๋วงาน หรือข้อความคอมมิต แปลงเป็น HTML ที่ผู้อ่านใช้ได้ในขั้นตอนงานที่ต้องการมาร์กอัป HTML
กรณีการใช้งาน: ตรวจสอบการแปลงอย่างคร่าวๆ ก่อนวางผลลัพธ์ลงในโค้ด การตรวจ HTML ที่สร้างให้โอกาสคุณจับความไม่ตรงกันในอินพุตที่รองรับ
กรณีการใช้งาน: เปลี่ยนตัวอย่าง Pug ที่กะทัดรัดพร้อมแท็ก คลาส และ ID เป็น HTML ที่ชัดเจนสำหรับแชร์กับคนที่ทำงานกับ HTML
กรณีการใช้งาน: แปลงมาร์กอัปที่ย่อหน้ารวมเอลิเมนต์ที่ซ้อนและข้อความไปป์เมื่อคุณต้องการเวอร์ชัน HTML สำหรับโปรเจกต์หรือการตรวจ