.NET'te Sunumları HTML5'e Dönüştür

Bu sayfa ne hakkında

PowerPoint ve OpenDocument sunumlarını Aspose.Slides for .NET ile duyarlı HTML5’e dışa aktarın. Biçimlendirmeyi, animasyonları ve etkileşimi koruyun.

Genel Bakış

Bu makale, Aspose.Slides for .NET kullanarak PowerPoint sunumlarını HTML5’e nasıl dönüştüreceğinizi açıklar. Temel dışa aktarma, şekil animasyonları ve slayt geçişlerinin kontrolü ve yorum düzeni konularını kapsar. Ayrıca HTML5 çıktısını standart HTML dışa aktarmanın SVG tabanlı çıktısıyla karşılaştırır.

PowerPoint’i HTML5’e Dışa Aktar

Aşağıdaki örnek, çalışma dizininden bir sunumu yükler ve HTML5 formatında kaydeder. Varsayılan dışa aktarma ayarlarını kullanır; bir sonraki örnek animasyon oynatımını açıkça nasıl kontrol edeceğinizi gösterir. Giriş yolunu sunumunuzun yolu ile değiştirin.

using Aspose.Slides;
using Aspose.Slides.Export;

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

Note

HTML belgesinin yanı sıra, dışa aktarma slayt stilizasyonu, animasyonlar, efektler ve gezinme için destekleyici CSS ve JavaScript dosyaları yazar. Çıktıyı taşırken veya yayınlarken bu dosyaları HTML belgesiyle birlikte tutun. Oluşturulan sayfa ayrıca jQuery ve Anime.js’i genel CDN’lerden yükler; bunlar olmadan slayt gezinmesi ve animasyonlar çalışmaz.

Şekil animasyonlarını veya slayt geçişlerini oynatmadan dışa aktarmak için, AnimateShapes ve AnimateTransitions ayarlarını Html5Options içinde false olarak belirleyin. Bu ayarlar bağımsızdır, bu nedenle birini etkinleştirirken diğerini devre dışı bırakabilirsiniz. Örnek, her iki animasyon türü de devre dışı bırakılmış şekilde sunumu oluşturulmuş sayfaya dışa aktarır.

using Aspose.Slides;
using Aspose.Slides.Export;

var html5Options = new Html5Options
{
    AnimateShapes = false,
    AnimateTransitions = false
};

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

PowerPoint’i HTML’e Dışa Aktar

Standart HTML dışa aktarma farklı bir renderleme yöntemi kullanır: slayt içeriği bir HTML sayfası içinde SVG olarak temsil edilir. Aşağıdaki örnek, bu renderleme yöntemini kullanarak bir sunumu HTML belgesine dönüştürür.

using Aspose.Slides;
using Aspose.Slides.Export;

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

Aşağıdaki basitleştirilmiş işaretleme, oluşturulan sayfanın yapısını gösterir. SVG öğesi renderlenmiş slayt içeriğini içerir; yer tutucu metin bu içeriği temsil eder ve gerçek dışa aktarma çıktısı değildir.

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

Warning

SVG tabanlı dışa aktarma, PowerPoint şekillerini ayrı ayrı HTML öğeleri olarak ortaya çıkmaz. Bu makalede gösterilen şekil animasyonu ve slayt geçişi seçeneklerine ihtiyaç duyduğunuzda HTML5 dışa aktarmayı kullanın.

PowerPoint’i HTML5 Slayt Görünümü Olarak Dışa Aktar

HTML5 dışa aktarma, tarayıcıda sunum slaytlarını görüntülemek ve gezmek için bir sayfa üretir. Bu örnek, dışa aktarılan slayt görünümünün kaynak sunumdan efektleri oynatabilmesi için hem AnimateShapes hem de AnimateTransitions öğelerini etkinleştirir. Bu ayarların etkisini görmek için içinde zaten şekil animasyonları ve slayt geçişleri bulunan bir sunum kullanın. Bunları etkinleştirmek, hiç efekti olmayan slaytlara yeni efekt eklemez. Dışa aktarma sonrasında, destekleyici dosyaları mevcut olduğu bir tarayıcıda oluşturulan HTML5 belgesini açın.

using Aspose.Slides;
using Aspose.Slides.Export;

var html5Options = new Html5Options
{
    AnimateShapes = true,
    AnimateTransitions = true
};

using var presentation = new Presentation("pres.pptx");
presentation.Save("HTML5-slide-view.html", SaveFormat.Html5, html5Options);

Sunumu Yorumlarla Birlikte HTML5 Belgesine Dönüştür

Mevcut slayt yorumlarını HTML5 çıktısına ekleyebilir, böylece okuyucular slayt içeriğiyle birlikte geri bildirimi görebilir. Bu bölümdeki örnek, kaynak sunumun aşağıda gösterildiği gibi yorumlar içerdiğini varsayar. Yorumları dışa aktarır; yeni yorumlar oluşturmaz.

Sunum slaytındaki iki yorum

Bir NotesCommentsLayoutingOptions nesnesini Html5Options içindeki SlidesLayoutOptions özelliğine atayın. Yorumları her slaydın sağına yerleştirmek için CommentsPositions enumarasyonundan CommentsPosition değerini Right olarak ayarlayın.

using Aspose.Slides;
using Aspose.Slides.Export;

var layoutOptions = new NotesCommentsLayoutingOptions
{
    CommentsPosition = CommentsPositions.Right
};

var html5Options = new Html5Options
{
    SlidesLayoutOptions = layoutOptions
};

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

Aşağıdaki örnek, bu yorum düzeniyle sunumu HTML5’e dışa aktarır. Yorum içermeyen bir sunumda görüntülenecek yorum metni bulunmaz.

Aşağıdaki görsel, yorumların slayt yanında gösterildiği dışa aktarılan HTML5 belgesini gösterir.

Çıktı HTML5 belgesindeki yorumlar

Dışa Aktarım Sırasında JavaScript Hiperlinklerini Hariç Tut

hyperlinks.pptx dosyasının javascript:alert('Hello') hedefli bir bağlantılı metin ve normal bir https://example.com/ bağlantısı içerdiğini varsayalım. Dışa aktarım sırasında JavaScript hiperlinkini hariç tutmak için SaveOptions.SkipJavaScriptLinks ayarını true olarak belirleyin. Varsayılan değer false olduğundan, bu bağlantılar seçeneği etkinleştirene kadar filtrelenmez.

Aşağıdaki örnek, sunumu çalışma dizininden yükler ve Html5Options kullanarak dışa aktarır:

using Aspose.Slides;
using Aspose.Slides.Export;

var html5Options = new Html5Options { SkipJavaScriptLinks = true };

using var presentation = new Presentation("hyperlinks.pptx");
presentation.Save("filtered-html5.html", SaveFormat.Html5, html5Options);

Dışa aktarılan dosya, JavaScript hiperlinkini metni ve normal HTTPS bağlantısını koruyarak dışarı bırakır. Kaynak sunum değişmez.

Bu seçenek JavaScript hiperlinklerini filtreler; tüm scriptleri veya diğer aktif içeriği kaldırmaz ve CSP uyumluluğunu garanti etmez. Örneğin, HTML5 çıktısı hâlâ slayt gezinmesi ve animasyonlar için scriptler içerir.

SSS

HTML5’te nesne animasyonlarının ve slayt geçişlerinin oynatılıp oynatılmayacağını kontrol edebilir miyim?
Evet, HTML5 dışa aktarma, shape animations ve slide transitions öğelerini ayrı ayrı etkinleştirmek veya devre dışı bırakmak için seçenekler sunar.

Yorumlar destekleniyor mu ve slayta göre nerede konumlandırılabilirler?
Evet, mevcut yorumlar HTML5 çıktısına dahil edilebilir ve notlar ve yorumlar için layout settings aracılığıyla (örneğin slaytın sağına) konumlandırılabilir.

Güvenlik veya CSP nedenleriyle JavaScript çalıştıran bağlantıları atlayabilir miyim?
Evet, SkipJavaScriptLinks ayarı, kaydetme sırasında JavaScript çağrısı içeren hiperlinkleri atlamanıza olanak tanır. Varsayılan değer false. Basit bir HTML, HTML5 ve PDF dışa aktarma örneği ve filtrenin kapsamı için Dışa Aktarım Sırasında JavaScript Hiperlinklerini Hariç Tut sayfasına bakın. Bu ayar, HTML5 görüntüleyicisinin gezinme ve animasyonlar için kullandığı JavaScript’i kaldırmaz.

Sunumları .NET'te XAML'ye Dışa Aktarma