الحفاظ على تصميم CSS في PDF تصدير العناصر المسبقة

في سيناريو أداة تمييز بناء الجملة التي توفر خيار حفظ التعليمات البرمجية المميزة كملف PDF، مع الحفاظ على تصميم CSS يعد أمرًا بالغ الأهمية للحفاظ على جماليات ووظائف الكود المميز.

حفظ العناصر المسبقة بتنسيق PDF باستخدام CSS

لحفظ عنصر مسبق كملف PDF مع الحفاظ على أنماط CSS الخاصة به، خذ في الاعتبار الطريقة التالية :

1. إنشاء نافذة جديدة : فتح نافذة متصفح جديدة.
2. إلحاق HTML والأنماط : أدخل HTML الخاص بالسابق العنصر، بما في ذلك أي أنماط ذات صلة، في نص المستند للنافذة الجديدة.
3. التركيز والطباعة : التركيز على النافذة الجديدة وبدء عملية الطباعة.
4. مربع حوار طباعة النظام: في مربع حوار طباعة النظام، حدد خيار "طباعة إلى ملف" لحفظ الكود المميز كملف PDF.

مثال للتعليمات البرمجية

$("#save").click(function() {
  var text = $("#output")[0].outerHTML;
  // retrieve and append `style` element, or define inline styling
  var styles = $("style")[0].outerHTML;
  var popup = window.open("", "popup");
  popup.document.body.innerHTML = text   styles;
  popup.focus();
  popup.print();
});

اعتبارات التنفيذ

تأكد من أن متغير الأنماط يحتوي إما على عنصر النمط أو معلومات التصميم المضمنة ذات الصلة بالعنصر السابق.
• ضبط وسائط CSS استعلامات حسب الضرورة لضمان التنسيق الأمثل في ملف PDF.