แปลงงานนำเสนอเป็น HTML5 ใน .NET

ภาพรวม

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

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

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

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("pres.html", SaveFormat.Html5);
}

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

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("pres5.html", SaveFormat.Html5, new Html5Options
   {
       AnimateShapes = false,
       AnimateTransitions = false
   });
}

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

โค้ด C# นี้แสดงกระบวนการส่งออกมาตรฐานจาก PowerPoint ไปเป็น HTML:

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("pres.html", SaveFormat.Html);
}

ในกรณีนี้ เนื้อหาของงานนำเสนอจะถูกเรนเดอร์ผ่าน 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 ที่ได้ในเบราว์เซอร์ คุณจะเห็นงานนำเสนอในโหมดมุมมองสไลด์บนหน้าเว็บ

โค้ด C# นี้แสดงกระบวนการส่งออก PowerPoint ไปเป็น HTML5 โหมดมุมมองสไลด์:

using (Presentation pres = new Presentation("pres.pptx"))
{
   pres.Save("HTML5-slide-view.html", SaveFormat.Html5, new Html5Options
   {
       AnimateShapes = true,
       AnimateTransitions = true
   });
}

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

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

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

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

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

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

var html5Options = new Html5Options
{
    NotesCommentsLayouting =
    {
        CommentsPosition = CommentsPositions.Right
    }
};

using var presentation = new Presentation("sample.pptx");
presentation.Save("output.html", SaveFormat.Html5, html5Options);

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

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

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

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

ใช่, HTML5 มีตัวเลือกแยกต่างหากเพื่อเปิดหรือปิดการเคลื่อนไหวของรูปทรงและการเปลี่ยนสไลด์ shape animations และ slide transitions

การรองรับการแสดงคอมเมนต์เป็นอย่างไร และสามารถวางคอมเมนต์ไว้ตำแหน่งใดสัมพันธ์กับสไลด์ได้บ้าง?

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

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

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

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