แปลงการนำเสนอเป็น HTML5 ด้วย JavaScript

ภาพรวม

บทความนี้อธิบายวิธีแปลงการนำเสนอ PowerPoint เป็น HTML5 ด้วย Aspose.Slides โดยครอบคลุมการส่งออก HTML5 พื้นฐานโดยไม่มีส่วนขยายเว็บหรือการพึ่งพาเพิ่มเติม รวมทั้งตัวเลือกสำหรับควบคุมการเคลื่อนไหวของรูปร่างและการเปลี่ยนสไลด์ นอกจากนี้บทความยังแสดงกระบวนการส่งออกมาตรฐานจาก PowerPoint ไปยัง HTML อธิบายวิธีสร้างผลลัพธ์ HTML5 ในโหมดดูสไลด์ และสาธิตวิธีรวมคอมเมนต์ในเอกสารที่ส่งออกโดยกำหนดตำแหน่งของมัน

ส่งออก PowerPoint เป็น HTML5

โค้ด JavaScript นี้แสดงวิธีการส่งออกการนำเสนอเป็น HTML5 โดยไม่มีส่วนขยายเว็บและการพึ่งพา:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save("pres.html", aspose.slides.SaveFormat.Html5);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

คุณอาจต้องการระบุการตั้งค่าสำหรับการเคลื่อนไหวของรูปร่างและการเปลี่ยนสไลด์ในวิธีนี้:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var html5Options = new aspose.slides.Html5Options();
    html5Options.setAnimateShapes(false);
    html5Options.setAnimateTransitions(false);
    pres.save("pres5.html", aspose.slides.SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

ส่งออก PowerPoint เป็น HTML

โค้ด JavaScript นี้แสดงกระบวนการมาตรฐานจาก PowerPoint ไปยัง HTML:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    pres.save("pres.html", aspose.slides.SaveFormat.Html);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

ในกรณีนี้ เนื้อหาการนำเสนอจะถูกแสดงผ่าน SVG ในรูปแบบดังต่อไปนี้:

<body>
<div class="slide" name="slide" id="slideslideIface1">
     <svg version="1.1">
         <g> THE SLIDE CONTENT GOES HERE </g>
     </svg>
</div>
</body>

ส่งออก PowerPoint เป็น HTML5 โหมดสไลด์

Aspose.Slides ช่วยให้คุณแปลงการนำเสนอ PowerPoint เป็นเอกสาร HTML5 ที่สไลด์จะแสดงในโหมดดูสไลด์ ในกรณีนี้ เมื่อคุณเปิดไฟล์ HTML5 ที่ได้ในเบราว์เซอร์ คุณจะเห็นการนำเสนอในโหมดดูสไลด์บนหน้าเว็บ

โค้ด JavaScript นี้แสดงกระบวนการส่งออก PowerPoint ไปยัง HTML5 โหมดดูสไลด์:

var pres = new aspose.slides.Presentation("pres.pptx");
try {
    var html5Options = new aspose.slides.Html5Options();
    html5Options.setAnimateShapes(true);
    html5Options.setAnimateTransitions(true);
    pres.save("HTML5-slide-view.html", aspose.slides.SaveFormat.Html5, html5Options);
} finally {
    if (pres != null) {
        pres.dispose();
    }
}

แปลงการนำเสนอเป็นเอกสาร HTML5 พร้อมคอมเมนต์

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

สมมติว่าเรามีการนำเสนอ PowerPoint ที่บันทึกไว้ในไฟล์ “sample.pptx”

สองคอมเมนต์บนสไลด์การนำเสนอ

เมื่อคุณแปลงการนำเสนอ PowerPoint เป็นเอกสาร HTML5 คุณสามารถระบุได้อย่างง่ายดายว่าต้องการรวมคอมเมนต์จากการนำเสนอในเอกสารผลลัพธ์หรือไม่ โดยต้องกำหนดพารามิเตอร์การแสดงคอมเมนต์ในคุณสมบัติ notes_comments_layouting ของคลาส Html5Options

ตัวอย่างโค้ดต่อไปนี้แปลงการนำเสนอเป็นเอกสาร HTML5 พร้อมคอมเมนต์ที่แสดงทางด้านขวาของสไลด์

let html5Options = new aspose.slides.Html5Options();
html5Options.getNotesCommentsLayouting().setCommentsPosition(aspose.slides.CommentsPositions.Right);

let presentation = new aspose.slides.Presentation("sample.pptx");
presentation.save("output.html", aspose.slides.SaveFormat.Html5, html5Options);
presentation.dispose();

เอกสาร “output.html” แสดงในภาพด้านล่าง

คอมเมนต์ในเอกสาร HTML5 ที่ส่งออก

คำถามที่พบบ่อย

ฉันสามารถควบคุมว่าการเคลื่อนไหวของวัตถุและการเปลี่ยนสไลด์จะทำงานใน HTML5 หรือไม่?

ใช่, HTML5 มีตัวเลือกแยกต่างหากเพื่อเปิดหรือปิดการ shape animations และ slide transitions.

การส่งออกคอมเมนต์รองรับหรือไม่, และสามารถวางคอมเมนต์สัมพันธ์กับสไลด์ได้ที่ไหน?

ใช่, คอมเมนต์สามารถเพิ่มใน HTML5 และกำหนดตำแหน่ง (เช่น ทางด้านขวาของสไลด์) ผ่าน layout settings สำหรับบันทึกและคอมเมนต์.

ฉันสามารถข้ามลิงก์ที่เรียก JavaScript เพื่อเหตุผลด้านความปลอดภัยหรือ CSP ได้หรือไม่?

ใช่, มี setting ที่อนุญาตให้ข้ามไฮเพอร์ลิงก์ที่มีการเรียก JavaScript ขณะบันทึก ซึ่งช่วยให้สอดคล้องกับนโยบายความปลอดภัยที่เข้มงวด.

ส่งออกงานนำเสนอเป็น XAML ใน JavaScript