https://docs.aspose.com/cells/ar/java/html/ Recent content in HTML on Documentation Hugo -- gohugo.io ar https://docs.aspose.com/cells/ar/java/convert-excel-to-html-with-headings/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/convert-excel-to-html-with-headings/ <h2 id="تحويل-excel-إلى-html-مع-عناوين"><strong>تحويل Excel إلى HTML مع عناوين</strong></h2> <p>توفر Aspose.Cells الخيار لتصدير التصريحات أثناء تحويل ملف إكسل إلى HTML. لهذا، يمكنك تعيين خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportHeadings"><strong>HtmlSaveOptions.ExportHeadings</strong></a> إلى <strong>true</strong>. قيمة افتراضية للخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportHeadings"><strong>HtmlSaveOptions.ExportHeadings</strong></a> هي <strong>false</strong>. تُظهر الصورة التالية الملف الخرجي الذي تم إنشاؤه بواسطة الشيفرة التالية.</p> <p><img src="convert-excel-to-html-with-headings_1.jpg" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-HTML-PrintHeadings-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/disable-downlevel-revealed-comments-while-saving-to-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/disable-downlevel-revealed-comments-while-saving-to-html/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عند حفظ ملف Excel الخاص بك إلى HTML، ثم Aspose.Cells تظهر Downlevel Conditional Comments. تكون هذه التعليقات الشرطية ذات الصعود المستوى غالبًا ما تكون ذات صلة بالإصدارات القديمة من Internet Explorer وغير متعلقة بمتصفحات الويب الحديثة. يمكنك قراءة المزيد عنها بالتفصيل في الرابط التالي.</p> <ul> <li><a href="https://en.wikipedia.org/wiki/Conditional_comment#Downlevel-revealed_conditional_comment">تعليق شرطي - تعليق شرطي مكشوف على مستوى أقل</a></li> </ul> <p>تسمح Aspose.Cells لك بالتخلص من هذه التعليقات ذات الصعود المستوى من خلال تعيين ال<a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#DisableDownlevelRevealedComments"><strong>HtmlSaveOptions.DisableDownlevelRevealedComments</strong></a> الخاصية إلى <strong>true</strong>.</p> <h2 id="تعطيل-كشف-التعليقات-عند-الاستخدام-التسلسلي-لأسفل-عند-الحفظ-في-html"><strong>تعطيل كشف التعليقات عند الاستخدام التسلسلي لأسفل عند الحفظ في HTML</strong></h2> <p>عينة الكود التالية توضح استخدام ال<a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#DisableDownlevelRevealedComments"><strong>HtmlSaveOptions.DisableDownlevelRevealedComments</strong></a> الخاصية. توضح اللقطة الشاشية تأثير هذه الخاصية عندما لا تكون مُعينة إلى <strong>true</strong>. الرجاء تحميل ملف الإكسل العينة المُستخدم في هذا الكود وملف الـ<a href="50528266.zip">HTML الناتج</a> الخاص به من أجل المرجع.</p> <p><img src="disable-downlevel-revealed-comments-while-saving-to-html_1.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-LoadingSavingConvertingAndManaging-DisableDownlevelRevealedCommentsWhileSavingToHTML.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/exclude-unused-styles-during-excel-to-html-conversion/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/exclude-unused-styles-during-excel-to-html-conversion/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>ملف Microsoft Excel قد يحتوي على العديد من الأنماط غير المستخدمة. عند تصدير ملف Excel إلى تنسيق HTML، يتم تصدير هذه الأنماط غير المستخدمة أيضًا. يمكن أن يزيد ذلك من حجم HTML. يمكنك استبعاد الأنماط غير المستخدمة أثناء تحويل ملف Excel إلى HTML باستخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExcludeUnusedStyles"><strong>HtmlSaveOptions.ExcludeUnusedStyles</strong></a>. عندما يتم تعيينها <strong>true</strong>، يتم استبعاد جميع الأنماط غير المستخدمة من مخرج HTML. يعرض اللقطة الشاشة التالية نموذجًا لنمط غير مستخدم داخل مخرج HTML.</p> <p><img src="exclude-unused-styles-during-excel-to-html-conversion_1.png" alt="todo:image_alt_text"></p> <h2 id="استبعاد-الأنماط-غير-المستخدمة-أثناء-تحويل-excel-إلى-html"><strong>استبعاد الأنماط غير المستخدمة أثناء تحويل Excel إلى HTML</strong></h2> <p>ينشئ الكود النموذجي التالي دفتر عمل وينشئ أيضًا نمطًا بالاسم غير المستخدم. نظرًا لتعيين <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExcludeUnusedStyles"><strong>HtmlSaveOptions.ExcludeUnusedStyles</strong></a> على <strong>true</strong>، فإن هذا النمط بالاسم غير المستخدم لن يتم تصديره إلى <a href="61767781.zip">مخرج HTML</a>. ولكن إذا قمت بتعيينها <strong>false</strong>، فسيكون هذا النمط غير المستخدم موجودًا داخل مخرج HTML ويمكنك رؤيته ثمار سوق HTML كما هو موضح في اللقطة الشاشة أعلاه.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-ExcludeUnusedStylesInExcelToHTML.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/export-comments-while-saving-excel-file-to-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-comments-while-saving-excel-file-to-html/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عند حفظ ملف Excel الخاص بك في HTML، لا يتم تصدير التعليقات. ومع ذلك، توفر Aspose.Cells هذه الميزة باستخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#IsExportComments"><strong>HtmlSaveOptions.IsExportComments</strong></a>. إذا قمت بتعيينها <strong>true</strong>، فسيعرض HTML أيضًا التعليقات الموجودة في ملف Excel الخاص بك.</p> <h2 id="تصدير-التعليقات-أثناء-حفظ-ملف-excel-إلى-html"><strong>تصدير التعليقات أثناء حفظ ملف Excel إلى Html</strong></h2> <p>يشرح الكود العيني التالي استخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#IsExportComments"><strong>HtmlSaveOptions.IsExportComments</strong></a>. تُظهر اللقطة الشاشة تأثير الكود على HTML عند تعيين الخاصية إلى <strong>true</strong>. يُرجى تنزيل <a href="50528270.xlsx">ملف Excel العيني</a> و<a href="50528269">HTML الناتج</a> للرجوع إليها.</p> <p><img src="export-comments-while-saving-excel-file-to-html_1.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-LoadingSavingConvertingAndManaging-ExportCommentsWhileSavingExcelFileToHtml.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/export-document-workbook-and-worksheet-properties-in-excel-to-html-conversion/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-document-workbook-and-worksheet-properties-in-excel-to-html-conversion/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عندما يتم تصدير ملف Microsoft Excel إلى HTML باستخدام Microsoft Excel أو Aspose.Cells، تتم أيضًا تصدير أنواع مختلفة من خصائص المستند وجدول البيانات والجدول كما هو موضح في لقطة الشاشة التالية. يمكنك تجنب تصدير هذه الخصائص عن طريق ضبط الـ <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportDocumentProperties"><strong>HtmlSaveOptions.ExportDocumentProperties</strong></a> والـ <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportWorkbookProperties"><strong>HtmlSaveOptions.ExportWorkbookProperties</strong></a> والـ <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportWorksheetProperties"><strong>HtmlSaveOptions.ExportWorksheetProperties</strong></a> على <strong>false</strong>. القيمة الافتراضية لهذه الخصائص هي <strong>true</strong>. تظهر اللقطة الشاشة التالية كيف تبدو هذه الخصائص في الملف HTML المصدر.</p> <p><img src="export-document-workbook-and-worksheet-properties-in-excel-to-html-conversion_1.png" alt="todo:image_alt_text"></p> <h2 id="تصدير-خصائص-الوثيقة-والمصنف-وورق-العمل-في-تحويل-excel-إلى-html"><strong>تصدير خصائص الوثيقة والمصنف وورق العمل في تحويل Excel إلى HTML</strong></h2> <p>الكود عينة التالي يحمل <a href="61767784.xlsx">ملف إكسل عينة</a> ويحوله إلى HTML ولا يصدر خصائص المستند وجدول البيانات في <a href="61767783.zip">ملف HTML المصدر</a>.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-ExportDocumentWorkbookAndWorksheetPropertiesInHTML.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/export-print-area-range-to-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-print-area-range-to-html/ <h2 id="سيناريوات-الاستخدام-المحتملة">سيناريوات الاستخدام المحتملة</h2> <p>هذا هو سيناريو شائع جدًا نحتاج فيه إلى تصدير منطقة الطباعة فقط أي نطاق الخلايا المحدد بدلاً من الورقة بأكملها إلى تحويل HTML. يتوفر هذا الميزة بالفعل لتقديم PDF، ومع ذلك، يمكنك الآن أيضًا القيام بذلك للتنسيق HTML أيضًا. اضبط أولاً منطقة الطباعة في كائن إعداد الصفحة لورقة البيانات. بعد ذلك استخدم الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportPrintAreaOnly"><strong>HtmlSaveOptions.ExportPrintAreaOnly</strong></a> لتصدير النطاق المحدد فقط.</p> <h2 id="كود-جافا-لتصدير-نطاق-منطقة-الطباعة-إلى-html">كود جافا لتصدير نطاق منطقة الطباعة إلى HTML</h2> <p>الكود العينة التالي يحمل دفتر عمل ثم يقوم بتصدير منطقة الطباعة إلى الـ HTML. يمكن تنزيل ملف الاختبار لهذه الميزة من الرابط التالي:</p> <p><a href="79527960.xlsx">sampleInlineCharts.xlsx</a></p> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-HTML-ExportPrintAreaToHtml-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> https://docs.aspose.com/cells/ar/java/export-similar-border-style-when-border-style-is-not-supported-by-web-browsers/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-similar-border-style-when-border-style-is-not-supported-by-web-browsers/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>يدعم Microsoft Excel بعض أنواع الحدود المنقطة التي لا يتم دعهما بواسطة متصفحات الويب. عند تحويل ملف إكسل من هذا النوع إلى HTML باستخدام Aspose.Cells، يتم إزالة مثل هذه الحدود. ومع ذلك، يمكن لـ Aspose.Cells أيضًا دعم عرض حدود مماثلة بخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportSimilarBorderStyle"><strong>HtmlSaveOptions.ExportSimilarBorderStyle</strong></a>. يُرجى ضبط قيمتها على <strong>true</strong> وسيتم تصدير الحدود غير المدعومة أيضًا إلى ملف HTML.</p> <h2 id="تصدير-نمط-الحدود-المماثل-عند-عدم-دعم-نمط-الحدود-من-قبل-متصفحات-الويب"><strong>تصدير نمط الحدود المماثل عند عدم دعم نمط الحدود من قبل متصفحات الويب</strong></h2> <p>يقوم الرمز البريدي التالي بتحميل <a href="64716832.xlsx">ملف Excel عينة</a> الذي يحتوي على بعض الحدود غير المدعومة كما هو موضح في لقطة الشاشة التالية. توضح اللقطة الشاشة تأثير خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportSimilarBorderStyle"><strong>HtmlSaveOptions.ExportSimilarBorderStyle</strong></a> داخل <a href="64716831.zip">HTML الناتج</a>.</p> <p><img src="export-similar-border-style-when-border-style-is-not-supported-by-web-browsers_1.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-ExportSimilarBorderStyle.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/autofit-columns-and-rows-while-loading-html-in-workbook/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/autofit-columns-and-rows-while-loading-html-in-workbook/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>يمكنك تلائم تلقائيًا الأعمدة والصفوف أثناء تحميل ملف HTML داخل كائن <a href="https://reference.aspose.com/cells/java/com.aspose.cells/Workbook"><strong>Workbook</strong></a>. يرجى ضبط الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#AutoFitColsAndRows"><strong>HtmlLoadOptions.AutoFitColsAndRows</strong></a> إلى <strong>true</strong> لهذا الغرض.</p> <h2 id="تلائم-الأعمدة-والصفوف-تلقائيا-أثناء-تحميل-html-في-دفتر-العمل"><strong>تلائم الأعمدة والصفوف تلقائيًا أثناء تحميل HTML في دفتر العمل</strong></h2> <p>يحمل الكود العيني أدناه الصورة العينية الأولية العينية في المفكرة دون أي خيارات تحميل ويحفظها بتنسيق XLSX. ثم يحمل الصورة العينية العينية مرة أخرى في المفكرة ولكن هذه المرة، يحمل الصورة العينية الأولية بعد ضبط الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#AutoFitColsAndRows"><strong>HtmlLoadOptions.AutoFitColsAndRows</strong></a> إلى <strong>true</strong> ويحفظها بتنسيق XLSX. يرجى تنزيل كلا ملفات إكسيل الناتجة، أي <a href="outputWithout_AutoFitColsAndRows.xlsx">ملف إكسيل الناتج بدون تلائم تلقائي للأعمدة والصفوف</a> و <a href="outputWith_AutoFitColsAndRows.xlsx">ملف إكسيل الناتج مع تلائم تلقائي للأعمدة والصفوف</a>. توضح اللقطة الشاشية التالية تأثير الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#AutoFitColsAndRows"><strong>HtmlLoadOptions.AutoFitColsAndRows</strong></a> على كلا ملفات إكسيل الناتج.</p> <p><img src="autofit-columns-and-rows-while-loading-html-in-workbook_1.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-LoadingSavingConvertingAndManaging-AutoFitColumnsRowsLoadingHTML-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/convert-html-to-excel-with-streamprovider/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/convert-html-to-excel-with-streamprovider/ <div class="alert alert-primary" role="alert"> <p>عند تحميل HTML الذي يحتوي على موارد خارجية، نواجه غالبًا المشكلتين التاليتين:</p> <ol> <li>عندما يتم تحميل تدفق HTML، لا يمكن الحصول على الصور والموارد الخارجية المشار إليها في ملف HTML من خلال المسارات النسبية.</li> <li>يجب تعيين مسارات الموارد الخارجية المشار إليها في ملفات HTML.</li> </ol> <p>يشرح هذا المقال كيفية تنفيذ واجهة <a href="https://reference.aspose.com/cells/java/com.aspose.cells/IStreamProvider"><strong>IStreamProvider</strong></a> لضبط خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#StreamProvider"><strong>HtmlLoadOptions.StreamProvider</strong></a>. من خلال تنفيذ هذه الواجهة، ستكون قادرًا على تحميل الموارد الخارجية أثناء تحميل تيارات HTML أو أن تكون هذه الموارد الخارجية نسبية.</p> </div> <p>هذا هو الكود الرئيسي الذي يظهر استخدام <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#StreamProvider"><strong>HtmlLoadOptions.StreamProvider</strong></a></p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Load-Html-With-StreamProvider.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/export-worksheet-css-separately-in-output-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-worksheet-css-separately-in-output-html/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>توفر Aspose.Cells ميزة تصدير ورقة العمل CSS بشكل منفصل عند تحويل ملف Excel الخاص بك إلى HTML. يرجى استخدام خاصية HtmlSaveOptions.ExportWorksheetCSSSeparately لهذا الغرض وتعيينها كـ true أثناء حفظ ملف Excel إلى تنسيق HTML.</p> <h2 id="تصدير-ورق-العمل-css-بشكل-منفصل-في-ملف-html-الناتج"><strong>تصدير ورق العمل CSS بشكل منفصل في ملف HTML الناتج</strong></h2> <p>ينشئ الرمز البريدي المعاين أدناه ملف Excel ، ويضيف بعض النص في الخلية B5 بلون أحمر ثم يقوم بحفظه في تنسيق HTML باستخدام خاصية HtmlSaveOptions.ExportWorksheetCSSSeparately. يرجى الاطلاع على <a href="60489780.zip">HTML الناتج</a> الذي تم إنشاؤه بواسطة الرمز للإشارة. ستجد ملف stylesheet.css داخله كنتيجة للرمز البريدي.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-ExportWorksheetCSSSeparatelyInOutputHTML.java"></script> <h2 id="تصدير-جدول-عمل-واحد-إلى-html"><strong>تصدير جدول عمل واحد إلى HTML</strong></h2> <p>عند تحويل كتاب عمل يحتوي على ورق العمل المتعددة إلى HTML بواسطة Aspose.Cells ، يقوم بإنشاء ملف HTML مع مجلد يحتوي على CSS وملفات HTML متعددة. عند فتح هذا الملف HTML في المتصفح ، تكون علامات التبويب مرئية. نفس السلوك مطلوب لورقة العمل ذات ورقة واحدة عند تحويلها إلى HTML. في السابق ، لم يتم إنشاء مجلد منفصل لكتب العمل ذات الورقة العمل الفردية وتم إنشاء ملف HTML فقط. لا تظهر مثل هذا الملفات ال HTML علامة تبويب عند فتحها في المتصفح. يقوم Excel بإنشاء مجلد و HTML مناسبة لورقة العمل الفردية أيضًا وبالتالي يتم تنفيذ نفس السلوك باستخدام Aspose.Cells. يمكن تحميل ملف العينة من الرابط التالي لاستخدامه في الرمز العيني أدناه:</p> <p><a href="79527948.xlsx">sampleSingleSheet.xlsx</a></p> <h2 id="الكود-المثالي-1"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-HTML-SetSingleSheetTabNameInHtml-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/prevent-exporting-hidden-worksheet-contents-on-saving-to/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/prevent-exporting-hidden-worksheet-contents-on-saving-to/ <div class="alert alert-primary" role="alert"> يمكنك حفظ سجلات العمل في Excel إلى HTML. ومع ذلك، إذا كانت سجلات العمل تحتوي على أوراق عمل مخفية، فإن Aspose.Cells بشكل افتراضي يصدر محتويات ورقة العمل المخفية إلى دليل الإخراج الخاص ب HTML (_files) الذي يحتوي على ملفات مثل أوراق العمل، الصور، tabstrip.htm، stylesheet.css إلخ. في بعض الأحيان، سيصدر محتوى أوراق العمل المخفية بهذه الطريقة ليس مناسبًا. على سبيل المثال، إذا كانت ورقة العمل المخفية تحتوي على صور يجب عدم تصديرها إلى دليل _files. </div> <p>توفر Aspose.Cells خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportHiddenWorksheet"><strong>HtmlSaveOptions.ExportHiddenWorksheet</strong></a>. بشكل افتراضي، يتم تعيين خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportHiddenWorksheet"><strong>ExportHiddenWorksheet</strong></a> على <strong>true</strong>. إذا قمت بتعيينها على <strong>false</strong>، فلن يقوم Aspose.Cells بتصدير محتويات ورقة العمل المخفية.</p> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-PreventExportingHiddenWorksheetContent-PreventExportingHiddenWorksheetContent.java"></script> <p>بجانب التحكم في ما إذا كان سيتم تصدير الأوراق العمل المخفية أم لا، يمكنك أيضًا تكوين إعدادات إضافية لتصدير مصنف العمل إلى HTML. توضح المقالات التالية الميزات الأخرى المدعومة من قبل Aspose.Cells لتصدير مصنفات العمل إلى HTML.</p> <ul> <li><a href="https://docs.aspose.com/cells/cells/ar/java/convert-excel-to-html-with-headings/">تحويل Excel إلى HTML مع عناوين</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/exclude-unused-styles-during-excel-to-html-conversion/">استبعاد الأنماط غير المستخدمة أثناء تحويل Excel إلى HTML</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/export-comments-while-saving-excel-file-to-html/">تصدير التعليقات أثناء حفظ ملف Excel إلى HTML</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/hiding-overlaid-content-with-crosshideright-while-saving-to-html/">إخفاء المحتوى المتداخل باستخدام CrossHideRight أثناء الحفظ إلى HTML</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/export-similar-border-style-when-border-style-is-not-supported-by-web-browsers/">تصدير نمط الحدود المماثل عند عدم دعم نمط الحدود من قبل متصفحات الويب</a> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </li> </ul> https://docs.aspose.com/cells/ar/java/hiding-overlaid-content-with-crosshideright-while-saving-to-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/hiding-overlaid-content-with-crosshideright-while-saving-to-html/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عند حفظ ملف Excel الخاص بك إلى HTML ، يمكنك تحديد أنواع مختلفة للصليب لسلاسل الخلايا. بشكل افتراضي ، تقوم Aspose.Cells بتوليد HTML وفقًا لـ Microsoft Excel ولكن عندما تقوم بتغيير <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#HtmlCrossStringType"><strong>HtmlSaveOptions.HtmlCrossStringType</strong></a> إلى <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#CROSS-HIDE-RIGHT"><strong>CROSS_HIDE_RIGHT</strong></a> ، فإنه يخفي جميع السلاسل عند الجانب الأيمن من الخلية المتداخلة أو المتداخلة مع سلسلة الخلايا.</p> <h2 id="إخفاء-المحتوى-المتداخل-باستخدام-crosshideright-أثناء-الحفظ-إلى-html"><strong>إخفاء المحتوى المتداخل باستخدام CrossHideRight أثناء الحفظ إلى HTML</strong></h2> <p>يقوم الرمز البريدي التالي بتحميل <a href="64716916.xlsx">ملف Excel عينة</a> وحفظه في <a href="64716915.zip">HTML الناتج</a> بعد تعيين <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#HtmlCrossStringType"><strong>HtmlSaveOptions.HtmlCrossStringType</strong></a> كـ <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#CROSS-HIDE-RIGHT"><strong>CROSS_HIDE_RIGHT</strong></a>. توضح اللقطة الشاشية كيف يؤثر <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#CROSS-HIDE-RIGHT"><strong>CROSS_HIDE_RIGHT</strong></a> على HTML الناتج من الإخراج الافتراضي.</p> <p><img src="hiding-overlaid-content-with-crosshideright-while-saving-to-html_1.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-HidingOverlaidContentWithCrossHideRightWhileSavingToHtml.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/excel-to-html-use-presentationpreference-option-for-better-layout/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/excel-to-html-use-presentationpreference-option-for-better-layout/ <div class="alert alert-primary" role="alert"> توفر Aspose.Cells خاصية مفيدة، <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#PresentationPreference"><strong>HtmlSaveOptions.PresentationPreference</strong></a>، يمكن للمطورين استخدامها للحصول على تخطيط أفضل عند حفظ ملف Microsoft Excel إلى تنسيق HTML أو MHT. القيمة الافتراضية للخاصية هي <strong>false</strong>. نوصي بتعيين هذه الخاصية على <strong>true</strong> للحصول على عروض تقديمية تبدو أفضل من تقرير Excel. </div> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-ExceltoHTMLPresentationPreferenceOption-ExceltoHTMLPresentationPreferenceOption.java"></script> <p>قد تجد المقالات التالية المتعلقة بتحويل Excel إلى HTML مفيدة</p> <ul> <li><a href="https://docs.aspose.com/cells/cells/ar/java/prevent-exporting-hidden-worksheet-contents-on-saving-to/">منع تصدير محتويات ورقة العمل المخفية عند الحفظ في HTML</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/export-worksheet-css-separately-in-output-html/">تصدير ورق العمل CSS بشكل منفصل في ملف HTML الناتج</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/disable-downlevel-revealed-comments-while-saving-to-html/">تعطيل كشف التعليقات عند الاستخدام التسلسلي لأسفل عند الحفظ في HTML</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/export-document-workbook-and-worksheet-properties-in-excel-to-html-conversion/">تصدير خصائص المصنف والصفحة العمل في Excel إلى تحويل HTML</a></li> <li><a href="https://docs.aspose.com/cells/cells/ar/java/export-print-area-range-to-html/">تصدير نطاق المنطقة المطبوعة إلى HTML</a> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </li> </ul> https://docs.aspose.com/cells/ar/java/prefix-table-elements-styles-with-htmlsaveoptions-tablecssid-property/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/prefix-table-elements-styles-with-htmlsaveoptions-tablecssid-property/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>تتيح Aspose.Cells لك تمهيد أنماط عناصر الجدول بخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#TableCssId"><strong>HtmlSaveOptions.TableCssId</strong></a>. على سبيل المثال، إذا قمت بتعيين هذه الخاصية بقيمة معينة مثل <em>MyTest_TableCssId</em>، فستجد أنماط عناصر الجدول كما هو موضح أدناه</p> <div class="highlight"><pre class="chroma"><code class="language-java" data-lang="java"><span class="n">table</span><span class="err">#</span><span class="n">MyTest_TableCssId</span> <span class="err">#</span><span class="n">MyTest_TableCssId</span> <span class="n">tr</span> <span class="err">#</span><span class="n">MyTest_TableCssId</span> <span class="n">col</span> <span class="err">#</span><span class="n">MyTest_TableCssId</span> <span class="n">br</span> <span class="n">etc</span><span class="o">.</span></code></pre></div> <p>اللقطة الشاشية التالية تظهر تأثير استخدام خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#TableCssId"><strong>HtmlSaveOptions.TableCssId</strong></a> على الإخراج الخاص بـ HTML.</p> <p><img src="prefix-table-elements-styles-with-htmlsaveoptions-tablecssid-property_1.png" alt="todo:image_alt_text"></p> <h2 id="بادئة-أنماط-عناصر-الجدول-باستخدام-خاصية-htmlsaveoptionstablecssid"><strong>بادئة أنماط عناصر الجدول باستخدام خاصية HtmlSaveOptions.TableCssId</strong></h2> <p>توضح الكود النموذجي التالي كيفية استخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#TableCssId"><strong>HtmlSaveOptions.TableCssId</strong></a>. يرجى التحقق من الـ <a href="60489791.zip">HTML الناتج</a> الذي تم إنشاؤه بواسطة الكود للرجوع إليه.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-PrefixTableElementsStylesWithHtmlSaveOptions_TableCssIdProperty.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/recognise-self-closing-tags/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/recognise-self-closing-tags/ <p>HTML can have variety of tags formatting for empty tags like &lt;td&gt;&lt;/td&gt; or &lt;td/&gt;. Aspose.Cells supports both these formats now whereas earlier it was supporting only &lt;td&gt;&lt;/td&gt; like tags. This feature can be tested by converting the attached sample HTML file to Excel file. The sample HTML file and output files can be downloaded from the following links for testing.</p> <p><a href="74776600">sampleSelfClosingTags.html</a></p> <p><a href="74776601.xlsx">outsampleSelfClosingTags.xlsx</a></p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-HTML-RecognizeSelfClosingTags-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/convert-excel-to-html-with-streamprovider/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/convert-excel-to-html-with-streamprovider/ <div class="alert alert-primary" role="alert"> <p>عند تحويل ملفات إكسل التي تحتوي على صور وأشكال إلى ملفات HTML، نواجه غالبًا المشكلتين التاليتين: 1.أين يجب أن نحفظ الصور والأشكال عند حفظ ملف Excel إلى تدفق HTML.</p> <ol> <li>استبدال المسار الافتراضي بالمسار المتوقع.</li> </ol> <p>يشرح هذا المقال كيفية تنفيذ واجهة <a href="https://reference.aspose.com/cells/java/com.aspose.cells/IStreamProvider"><strong>IStreamProvider</strong></a> لضبط خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#StreamProvider"><strong>HtmlSaveOptions.StreamProvider</strong></a>. من خلال تنفيذ هذه الواجهة، ستتمكن من حفظ الموارد التي تم إنشاؤها أثناء إنشاء HTML إلى مواقعك الخاصة أو تدفقات الذاكرة.</p> </div> <h2 id="كود-عينة">كود عينة</h2> <p>هذا هو الكود الرئيسي الذي يظهر استخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#StreamProvider"><strong>HtmlSaveOptions.StreamProvider</strong></a>.</p> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-HtmlSaveOptions-HtmlSaveOptions.java"></script> <p>إليك الكود للفئة <em>ExportStreamProvider</em> التي تنفذ واجهة <a href="https://reference.aspose.com/cells/java/com.aspose.cells/IStreamProvider"><strong>IStreamProvider</strong></a> والتي يتم استخدامها داخل الكود أعلاه.</p> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-ExportStreamProvider-ExportStreamProvider.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> https://docs.aspose.com/cells/ar/java/set-column-width-to-scalable-unit-like-em-or-percent/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/set-column-width-to-scalable-unit-like-em-or-percent/ <p>إن إنشاء ملف HTML من جدول بيانات يعتبر شائعًا للغاية. يُعرَّف حجم الأعمدة بـ &ldquo;نقطة&rdquo; والذي يعمل في العديد من الحالات. ومع ذلك، قد يكون هناك حالة حيث قد لا يكون هذا الحجم الثابت مطلوبًا. على سبيل المثال، إذا كان عرض اللوحة الحاوية 600 بكسل حيث يتم عرض صفحة HTML هذه. في هذه الحالة، قد تحصل على شريط التمرير الأفقي إذا كان عرض الجدول المُنشأ أكبر. كان مطلوبًا تغيير هذا الحجم الثابت إلى وحدة قابلة للتطويل مثل em أو percent للحصول على عرض أفضل. يمكن استخدام الكود العيني التالي حيث يتم ضبط <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#WidthScalable"><strong>HtmlSaveOptions.WidthScalable</strong></a> على <strong>true</strong> لإنشاء عرض قابل للتطويل.</p> <p>يمكن تنزيل ملف المصدر العيني وملفات الإخراج من الروابط التالية:</p> <p><a href="74776596.xlsx">sampleForScalableColumns.xlsx</a></p> <p><a href="74776597.zip">outsampleForScalableColumns.zip</a></p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=HTML-SetScalableColumnWidth.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/specify-how-to-cross-string-in-output-html-using-htmlcrosstype/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/specify-how-to-cross-string-in-output-html-using-htmlcrosstype/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عندما يحتوي الخلية على نص أو سلسلة ولكنه أكبر من عرض الخلية، فيمكن أن يحدث تجاوز السلسلة إذا كانت الخلية التالية في العمود التالي فارغة أو فارغة. عند حفظ ملف Excel الخاص بك في صيغة HTML، يمكنك التحكم في هذا التجاوز من خلال تحديد نوع التقاطع باستخدام تعداد <a href="https://reference.aspose.com/cells/java/com.aspose.cells/HtmlCrossType"><strong>HtmlCrossType</strong></a>. لديه القيم التالية</p> <ul> <li> <p><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#DEFAULT"><strong>HtmlCrossType.DEFAULT</strong></a>: العرض مثل MS Excel الذي يعتمد على الخلية التالية. إذا كانت الخلية التالية فارغة، سيتم تقاطع السلسلة أو سيتم قصها.</p> </li> <li> <p><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#MS-EXPORT"><strong>HtmlCrossType.MS_EXPORT</strong></a>: عرض السلسلة مثل تصدير MS Excel للصفحة HTML.</p> </li> <li> <p><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#CROSS"><strong>HtmlCrossType.CROSS</strong></a>: عرض تقاطع السلسلة الخاص بـ HTML، وستكون الأداء في إنشاء ملفات HTML الكبيرة أكثر من عشر مرات أسرع من تعيين القيمة إلى <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#DEFAULT"><strong>DEFAULT</strong></a> أو <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#FIT-TO-CELL"><strong>FIT_TO_CELL</strong></a>.</p> </li> <li> <p><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#CROSS-HIDE-RIGHT"><strong>HtmlCrossType.CROSS_HIDE_RIGHT</strong></a>: عرض تقاطع السلسلة الخاص بـ HTML وإخفاء السلسلة اليمنى عند تداخل النصوص.</p> </li> <li> <p><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlcrosstype#FIT-TO-CELL"><strong>HtmlCrossType.FIT_TO_CELL</strong></a>: إظهار السلسلة فقط ضمن عرض الخلية.</p> </li> </ul> <h2 id="تحديد-كيفية-تقاطع-السلسلة-في-html-الناتج-باستخدام-htmlcrosstype"><strong>تحديد كيفية تقاطع السلسلة في HTML الناتج باستخدام HtmlCrossType</strong></h2> <p>الكود النموذجي التالي يحمل <a href="51740747.xlsx">ملف Excel عيّنة</a> ويحفظه بتنسيق HTML بتحديد <a href="https://reference.aspose.com/cells/java/com.aspose.cells/HtmlCrossType"><strong>HtmlCrossType</strong></a> مختلفة. يرجى تنزيل <a href="51740745.zip">ملف HTML الناتج</a> الذي تم إنشاؤه بواسطة هذا الكود. يحتوي ملف Excel العينة على الصورة المحاطة بلون أحمر كما هو موضح في هذه اللقطة الشاشية التي تظهر تأثير القيم <a href="https://reference.aspose.com/cells/java/com.aspose.cells/HtmlCrossType"><strong>HtmlCrossType</strong></a> على ملف الـ HTML الناتج.</p> <p><img src="specify-how-to-cross-string-in-output-html-using-htmlcrosstype_1.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-LoadingSavingConvertingAndManaging-SpecifyHtmlCrossTypeInOutputHTML.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/convert-excel-to-html-with-tooltip/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/convert-excel-to-html-with-tooltip/ <h2 id="تحويل-excel-إلى-html-مع-تلميحة"><strong>تحويل Excel إلى HTML مع تلميحة</strong></h2> <p>قد تكون هناك حالات يتم فيها قطع النص في HTML المولد وترغب في عرض النص الكامل كتلميح على حدث التحويم. يدعم Aspose.Cells ذلك عن طريق توفير الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#AddTooltipText"><strong>HtmlSaveOptions.AddTooltipText</strong></a>. ضبط الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#AddTooltipText"><strong>HtmlSaveOptions.AddTooltipText</strong></a> إلى <strong>true</strong> سيضيف النص الكامل كتلميح في HTML المولد.</p> <p>تُظهر الصورة التالية التلميح السريع في ملف HTML المولد.</p> <p><img src="convert-excel-to-html-with-tooltip_1.jpg" alt="todo:image_alt_text"></p> <p>عينة كود التحميل ملف الإكسل المصدر وإنشاء ملف الـ HTML الناتج مع التلميح.</p> <h2 id="كود-عينة">كود عينة</h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-LoadingSavingConvertingAndManaging-ConvertExcelFileToHtmlWithTooltip-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/disable-css-while-saving-to-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/disable-css-while-saving-to-html/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عند حفظ ملف إكسل إلى HTML صفحة واحدة، عادةً ستُدمج عناصر CSS داخل ملف HTML وستكون موجودة في قسم HEAD. إذا قمت بإرفاق هذا الملف كمحتوى/جسم رسالة بريد إلكتروني، سيتم حذف عناصر CSS بواسطة معظم العملاء البريد الإلكتروني، مما يؤدي إلى عرض غير صحيح. تُقدم نسخة 24.12 من Aspose.Cells خيارًا يتيح تعطيل CSS بشكل اختياري، مما يسمح بتطبيق الأنماط مباشرة داخل عناصر HTML نفسها. إذا رغبت في تعيين HTML كمحتوى/جسم البريد الإلكتروني، يرجى استخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions/properties/#DisableCss"><strong>HtmlSaveOptions.DisableCss</strong></a> وتعيينها إلى <strong>true</strong>.</p> <h2 id="تعطيل-css-عند-الحفظ-إلى-html"><strong>تعطيل CSS عند الحفظ إلى HTML</strong></h2> <p>يعرض المثال التالي رمز الاستخدام الخاص بملكية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions/properties/#DisableCss"><strong>HtmlSaveOptions.DisableCss</strong></a>.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/88c9872508ec3150c552eb5155edf06e.js?file=Examples-java-HTML-DisableCss-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/enable-css-custom-properties-while-saving-to-html/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/enable-css-custom-properties-while-saving-to-html/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>عندما تحفظ ملف إكسل الخاص بك إلى HTML، في السيناريو الذي توجد فيه تكرارات متعددة لصورة بقاعدة ترميزbase64، مع خاصية مخصصة يحتاج بيانات الصورة إلى الحفظ مرة واحدة فقط بحيث يمكن تحسين أداء ال HTML الناتج. يرجى استخدام <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions/properties/#EnableCssCustomProperties"><strong>HtmlSaveOptions.EnableCssCustomProperties</strong></a> وضعه <strong>true</strong> أثناء الحفظ إلى HTML. <img src="enable-css-custom-properties-while-saving-to-html-1.jpg" alt="todo:image_alt_text"></p> <h2 id="تمكين-خصائص-css-المخصصة-أثناء-الحفظ-إلى-html"><strong>تمكين خصائص CSS المخصصة أثناء الحفظ إلى HTML</strong></h2> <p>يعرض المثال التالي رمز الاستخدام الخاص بملكية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions/properties/#EnableCssCustompPoperties"><strong>HtmlSaveOptions.EnableCssCustomProperties</strong></a> . تُظهر لقطات الشاشة تأثير هذه الخاصية عندما لا يتم تعيينها إلى true. يرجى تنزيل ملف إكسل <a href="50528260.xlsx">كمثال</a> المستخدم في هذا الكود وملف ال HTML <a href="50528261.zip">الناتج</a> المُنتج للمراجعة.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/88c9872508ec3150c552eb5155edf06e.js?file=Examples-Java-HTML-%c2%b7java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/disable-exporting-frame-scripts-and-document-properties/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/disable-exporting-frame-scripts-and-document-properties/ <div class="alert alert-primary" role="alert"> تصدير Aspose.Cells للإطارات النصية وخصائص المستند أثناء تحويل دفتر عمل إلى HTML. يقدم الإصدار 8.6.0 من Aspose.Cells for Java خيارًا يسمح لك باختيار تعطيل تصدير الإطارات النصية وخصائص المستند اختياريًا. يرجى استخدام خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportFrameScriptsAndProperties">HtmlSaveOptions.setExportFrameScriptsAndProperties()</a> لتعطيل التصدير. </div> <h2 id="تعطيل-تصدير-الإطارات-النصية-وخصائص-المستند"><strong>تعطيل تصدير الإطارات النصية وخصائص المستند</strong></h2> <p>الشيفرة النموذجية التالية تتيح لك تعطيل تصدير الإطارات النصية وخصائص المستند. بمجرد تحويل دفتر العمل إلى HTML، لن يحتوي الملف الناتج على أي إطارات نصية أو خصائص مستند.</p> <p>إليك كود النموذج.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-DisableExporting-DisableExporting.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/change-the-html-link-target-type/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/change-the-html-link-target-type/ <div class="alert alert-primary" role="alert"> <p>تسمح Aspose.Cells لك بتغيير نوع الوصلة الـ HTML. الوصلة الـ HTML تبدو على النحو التالي:</p> <div class="highlight"><pre class="chroma"><code class="language-java" data-lang="java"> <span class="o">&lt;</span><span class="n">a</span> <span class="n">href</span><span class="o">=</span><span class="s">&#34;http://www.aspose.com/&#34;</span> <span class="n">target</span><span class="o">=</span><span class="s">&#34;_self&#34;</span><span class="o">&gt;</span></code></pre></div> <p>كما ترون، السمة المستهدفة في الوصلة الـ HTML أعلاه هي <strong>_self</strong>. يمكنك التحكم في هذه السمة المستهدفة باستخدام خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#LinkTargetType">HtmlSaveOptions.setLinkTargetType()</a>. تأخذ هذه الخاصية تعداد <a href="https://reference.aspose.com/cells/java/com.aspose.cells/HtmlLinkTargetType">HtmlLinkTargetType</a> الذي يحتوي على القيم التالية.</p> <ul> <li><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmllinktargettype#BLANK">BLANK</a></li> <li><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmllinktargettype#PARENT">PARENT</a></li> <li><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmllinktargettype#SELF">SELF</a></li> <li><a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmllinktargettype#TOP">TOP</a></li> </ul> </div> <h2 id="تغيير-نوع-الوصلة-html-المستهدفة"><strong>تغيير نوع الوصلة HTML المستهدفة</strong></h2> <p>توضح الشيفرة التالية الاستخدام لخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#LinkTargetType">HtmlSaveOptions.setLinkTargetType()</a>. تغيير نوع الوصلة إلى <strong>فارغ</strong>. بشكل افتراضي، هو <strong>أصل</strong>. يمكنك الحصول على <a href="5472932.xlsx">ملف الإكسل المصدر</a> من هذا الرابط، ومع ذلك يمكنك استخدام أي ملف إكسل يحتوي على وصلة HTML داخله لتشغيل هذه الشيفرة.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-ChangeHTMLLinkTargetType-ChangeHTMLLinkTargetType.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/avoid-exponential-notation-of-large-numbers-while-importing-from/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/avoid-exponential-notation-of-large-numbers-while-importing-from/ <div class="alert alert-primary" role="alert"> أحيانًا، الـ HTML الخاص بك يحتوي على أرقام مثل 1234567890123456 التي تزيد عن 15 رقمًا وعندما تقوم بإستيراد الـ HTML إلى ملف إكسل، تتحول هذه الأرقام إلى تدوين علمي مثل 1.23457E+15. إذا كنت ترغب في استيراد الرقم كما هو دون تحويله إلى تدوين علمي، يرجى استخدام خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#KeepPrecision">HtmlLoadOptions.KeepPrecision</a> وتعيينها على <strong>true</strong> أثناء استيراد HTML الخاص بك. </div> <h2 id="تجنب-التدوين-العلمي-للأرقام-الكبيرة-أثناء-الاستيراد-من-الـ-html"><strong>تجنب التدوين العلمي للأرقام الكبيرة أثناء الاستيراد من الـ HTML</strong></h2> <p>توضح الشيفرة العينية التالية الاستخدام لخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#KeepPrecision">HtmlLoadOptions.KeepPrecision</a>. ستقوم باستيراد الرقم كما هو دون تحويله إلى تدوين علمي.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-TechnicalArticles-KeepPrecisionOfLargeNumbers-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/delete-redundant-spaces-after-line-break-while-importing/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/delete-redundant-spaces-after-line-break-while-importing/ <div class="alert alert-primary" role="alert"> يرجى استخدام خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#DeleteRedundantSpaces">HtmlLoadOptions.DeleteRedundantSpaces</a> وتعيينها إلى <strong>true</strong> لحذف كل المسافات الزائدة بعد علامة فاصل السطر. افتراضيًا، تكون هذه الخاصية <strong>false</strong> وتُحتفظ المسافات الزائدة في ملفات الـ Excel المنتجة. </div> <h2 id="تأثير-تعيين-خاصية-htmlloadoptionsdeleteredundantspacesإلى-false-و-true"><strong>تأثير تعيين خاصية HtmlLoadOptions.DeleteRedundantSpaces إلى false و true</strong></h2> <p>تُظهر اللقطة الشاشة التالية تأثير تعيين هذه الخاصية إلى <strong>false</strong> و <strong>true</strong>.</p> <p><img src="delete-redundant-spaces-after-line-break-while-importing-html_1.png" alt="todo:image_alt_text"></p> <h2 id="حذف-المسافات-الزائدة-بعد-فاصلة-السطر-أثناء-استيراد-html"><strong>حذف المسافات الزائدة بعد فاصلة السطر أثناء استيراد HTML</strong></h2> <p>الكود البرمجي عينة يوضح استخدام <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#DeleteRedundantSpaces">HtmlLoadOptions.DeleteRedundantSpaces</a>  . يرجى تعيينها <strong>true</strong> أو <strong>false</strong> للحصول على الناتج كما هو موضح في اللقطة الشاشية أعلاه.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-TechnicalArticles-DeleteRedundantSpacesFromHtml-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/export-databar-colorscale-and-iconset-conditional-formatting-while-excel-to-html-conversion/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-databar-colorscale-and-iconset-conditional-formatting-while-excel-to-html-conversion/ <div class="alert alert-primary" role="alert"> يمكنك تصدير تنسيق البيانات الشريطية ومقياس الألوان وتنسيق الرموز أثناء تحويل ملف Excel الخاص بك إلى HTML. تدعم هذه الميزة بشكل جزئي من قبل Microsoft Excel ولكن Aspose.Cells تدعمها بشكل كامل. </div> <h2 id="تصدير-databar-colorscale-و-iconset-لتنسيق-الشروط-أثناء-تحويل-excel-إلى-html"><strong>تصدير DataBar، ColorScale و IconSet لتنسيق الشروط أثناء تحويل Excel إلى HTML</strong></h2> <p>تُظهر اللقطة الشاشة التالية <a href="5473447.xlsx">ملف Excel العيني</a> بقوالب البيانات والمقاييس اللونية ومجموعات الرموز لتنسيق الشروط. يُمكنك تنزيل <a href="5473447.xlsx">ملف Excel العيني</a> من الرابط المُعطى.</p> <p><img src="conversion_1.png" alt="todo:image_alt_text"></p> <p>تُظهر اللقطة الشاشة التالية ملف HTML الناتج من Aspose.Cells يُظهر قوالب البيانات والمقاييس اللونية ومجموعات الرموز لتنسيق الشروط. كما تلاحظ، يظهر تمامًا مثل <a href="5473447.xlsx">ملف Excel العيني</a>.</p> <p><img src="conversion_2.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p>يحول الكود العيني التالي ملف Excel العيني إلى HTML وهو مجرد <a href="https://docs.aspose.com/cells/cells/ar/java/converting-workbook-to-different-formats/#convertingworkbooktodifferentformats-convertingexcelfilestohtml">تحويل عادي من Excel إلى HTML</a>.</p> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-files-utility-ConvertingToHTMLFiles-1.java"></script> <h2 id="مقال-ذو-صلة"><strong>مقال ذو صلة</strong></h2> <p> <div class="alert alert-primary" role="alert"> <ul> <li><a href="https://docs.aspose.com/cells/cells/ar/java/converting-workbook-to-different-formats/#convertingworkbooktodifferentformats-convertingexcelfilestohtml">تحويل ملفات Excel إلى HTML</a></li> </ul> </div> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/export-excel-to-html-with-gridlines/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/export-excel-to-html-with-gridlines/ <div class="alert alert-primary" role="alert"> إذا كنت ترغب في تصدير ملف إكسل الخاص بك إلى HTML مع خطوط شبكية، فمن فضلك استخدم خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportGridLines">HtmlSaveOptions.ExportGridLines</a> واضبطها على <strong>true</strong>. </div> <h2 id="تصدير-excel-إلى-html-مع-خطوط-الشبكة"><strong>تصدير Excel إلى HTML مع خطوط الشبكة</strong></h2> <p>الكود عينة التالي ينشئ دفتر عمل ويملأ ورقة البيانات به بعض القيم ويقوم بحفظه في تنسيق HTML بعد ضبط <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#ExportGridLines">HtmlSaveOptions.ExportGridLines</a> إلى <strong>true</strong>.</p> <p>تقوم اللقطة الشاشة التالية بعرض مخرجات HTML التي تم إنشاؤها باستخدام هذا الكود العينة. كما يمكن رؤية خطوط الشبكة في ملف HTML الناتج.</p> <p><img src="export-excel-to-html-with-gridlines_1.png" alt="todo:image_alt_text"></p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-ExportExceltoHTML-ExportExceltoHTML.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/support-the-layout-of-div-tags-while-loading-html-to-excel-workbook/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/support-the-layout-of-div-tags-while-loading-html-to-excel-workbook/ <div class="alert alert-primary" role="alert"> عادةً، يتم تجاهل تخطيط علامات div أثناء تحميل HTML إلى كائن دفتر العمل في Excel. ومع ذلك، إذا كنت ترغب في عدم تجاهل تخطيط علامات div، يرجى ضبط الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#SupportDivTag">HtmlLoadOptions.SupportDivTag</a> على <strong>true</strong>. القيمة الافتراضية لهذه الخاصية هي <strong>false</strong>. </div> <h2 id="دعم-تخطيط-علامات-div-أثناء-تحميل-html-إلى-دفتر-عمل-excel"><strong>دعم تخطيط علامات DIV أثناء تحميل HTML إلى دفتر عمل Excel</strong></h2> <p>الكود العيني التالي يوضح استخدام الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlloadoptions#SupportDivTag">HtmlLoadOptions.SupportDivTag</a>. يرجى تنزيل <a href="5473442.png">شعار Aspose</a> المستخدم داخل ملف HTML الدخل و <a href="5473439.xlsx">ملف Excel الناتج</a> الذي تم إنشاؤه بواسطة الكود.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-AsposeCellsExamples-TechnicalArticles-SupportthelayoutofDIVtags-1.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/expanding-text-from-right-to-left-while-exporting-excel-file-to/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/expanding-text-from-right-to-left-while-exporting-excel-file-to/ <div class="alert alert-primary" role="alert"> Aspose.Cells الآن تدعم توسيع النص من اليمين إلى اليسار أثناء تصدير ملف Excel إلى HTML. تم تنفيذ هذه الميزة منذ الإصدار v8.9.0.0. الآن إذا كان ملف excel الخاص بك يحتوي على أي نص يتم توسيعه من اليمين إلى اليسار، فسيقوم Aspose.Cells بتصديره إلى HTML بشكل صحيح. </div> <h2 id="توسيع-النص-من-اليمين-إلى-اليسار-أثناء-تصدير-ملف-excel-إلى-html"><strong>توسيع النص من اليمين إلى اليسار أثناء تصدير ملف Excel إلى HTML</strong></h2> <p>يحول الكود العيني التالي <a href="5472562.xlsx">ملف Excel عيني</a> إلى HTML. تُظهر هذه اللقطة الشاشة مظهر ملف Excel العيني في Microsoft Excel 2013.</p> <p><img src="expanding-text-from-right-to-left-while-exporting-excel-file-to-html_1.png" alt="todo:image_alt_text"></p> <p>تُظهر هذه اللقطة الشاشة <a href="5472570">HTML الناتج الذي تم إنشاؤه باستخدام الإصدار القديم</a>.</p> <p><img src="expanding-text-from-right-to-left-while-exporting-excel-file-to-html_2.png" alt="todo:image_alt_text"></p> <p>تُظهر هذه اللقطة الشاشة <a href="5472563">HTML الناتج الذي تم إنشاؤه باستخدام الإصدار الجديد</a>.</p> <p><img src="expanding-text-from-right-to-left-while-exporting-excel-file-to-html_3.png" alt="todo:image_alt_text"></p> <p>كما ترون في اللقطات الشاشة، الإصدار الجديد يوسع النص المُمحى إلى اليسار بشكل صحيح تماماً مثل Microsoft Excel.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-files-utility-ExpandTextFromRightToLeftWhileExportingExcelFileToHTML-.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/set-default-font-while-rendering-spreadsheet-to/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/set-default-font-while-rendering-spreadsheet-to/ <div class="alert alert-primary" role="alert"> يسمح Aspose.Cells لك بتعيين الخط الافتراضي أثناء تقديم جدول الخلية إلى HTML. يرجى استخدام <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#DefaultFontName">HtmlSaveOptions.DefaultFontName</a> لهذا الغرض. يكون هذا الخاصية مفيدًا عندما تكون بعض الخلايا في جدول الخلية تحتوي على خطوط غير صالحة أو غير موجودة. بعد ذلك ستتم تقديم تلك الخلايا في خط محدد باستخدام خاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#DefaultFontName">HtmlSaveOptions.DefaultFontName</a>. </div> <h2 id="تعيين-الخط-الافتراضي-أثناء-تقديم-جدول-بيانات-إلى-html"><strong>تعيين الخط الافتراضي أثناء تقديم جدول بيانات إلى HTML</strong></h2> <p>الكود العيني التالي يقوم بإنشاء دفتر عمل وإضافة نص معين في الخلية B4 من أول ورقة عمل ويقوم بتعيين خطه إلى خط غير معروف / غير موجود. ثم يقوم بحفظ الدفتر العمل بتنسيق HTML عن طريق تعيين أسماء خط مختلفة كـ Courier New, Arial, Times New Roman وما إلى ذلك.</p> <p>اللقطة الشاشية تظهر تأثير تعيين أسماء خط افتراضية مختلفة من خلال الخاصية <a href="https://reference.aspose.com/cells/java/com.aspose.cells/htmlsaveoptions#DefaultFontName">HtmlSaveOptions.DefaultFontName</a>.</p> <p><img src="set-default-font-while-rendering-spreadsheet-to-html_1.png" alt="todo:image_alt_text"></p> <p>الكود يولد <a href="5472568">ملف HTML الناتج بـ Courier New</a>، <a href="5472567">ملف HTML الناتج بـ Arial</a> و <a href="5472565">ملف HTML الناتج بـ Times New Roman</a>.</p> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-files-utility-SetDefaultFontWhileRenderingSpreadsheetToHTML-.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/provide-exported-worksheet-html-file-path-via-ifilepathprovider-interface/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/provide-exported-worksheet-html-file-path-via-ifilepathprovider-interface/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>فرضاً، لديك ملف إكسل يحتوي على عدة صفحات وترغب في تصدير كل صفحة إلى ملف HTML فردي. إذا كانت أيًا من صفحاتك تحتوي على روابط إلى صفحات أخرى، فيمكن أن تكون هذه الروابط مكسورة في HTML المصدر. للتعامل مع هذه المشكلة، يوفر Aspose.Cells واجهة IFilePathProvider التي يمكنك تنفيذها لإصلاح الروابط المكسورة.</p> <h2 id="توفير-مسار-ملف-html-لواجهة-ifilepathprovider"><strong>توفير مسار ملف HTML لواجهة IFilePathProvider</strong></h2> <p>يرجى تنزيل <a href="5473417.zip">ملف إكسل عينة</a> المستخدم في الكود التالي وملفاته الـ HTML المصدرة. جميع هذه الملفات داخل دليل <em>Temp</em>. يجب استخراجها في محرك الأقراص <em>C:</em> ثم ستصبح في مجلد <em>C:\Temp</em>. ستقوم بفتح ملف <em>Sheet1.html</em> في المتصفح والنقر على الرابطين بداخله. هذه الروابط تشير إلى صفحات العمل الـ HTML المصدرة والتي توجد داخل مجلد <em>C:\Temp\OtherSheets</em>.</p> <div class="highlight"><pre class="chroma"><code class="language-java" data-lang="java"> <span class="n">file</span><span class="o">:</span><span class="c1">///C:/Temp/OtherSheets/Sheet2.html#RANGE!A1 </span><span class="c1"></span><span class="nl"> </span><span class="nl">file:</span><span class="o">///</span><span class="n">C</span><span class="o">:/</span><span class="n">Temp</span><span class="o">/</span><span class="n">OtherSheets</span><span class="o">/</span><span class="n">Sheet3</span><span class="o">.</span><span class="na">html</span><span class="err">#</span><span class="n">RANGE</span><span class="o">!</span><span class="n">A1</span></code></pre></div> <p>توضح اللقطة المصغرة التالية كيفية ظهور ملف <em>C:\Temp\Sheet1.html</em> وروابطه</p> <p><img src="provide-exported-worksheet-html-file-path-via-ifilepathprovider-interface_1.png" alt="todo:image_alt_text"></p> <p>توضح اللقطة المصغرة التالية المصدر HTML. كما يمكنك رؤية أن الروابط الآن تشير إلى مجلد <em>C:\Temp\OtherSheets</em>. تم تحقيق ذلك باستخدام <a href="https://reference.aspose.com/cells/java/com.aspose.cells/IFilePathProvider">واجهة IFilePathProvider</a>.</p> <p><img src="provide-exported-worksheet-html-file-path-via-ifilepathprovider-interface_2.png" alt="todo:image_alt_text"></p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p>يرجى ملاحظة أن مجلد <em>C:\Temp</em> مجرد لأغراض التوضيح. يمكنك استخدام أي مجلد من اختيارك ووضع <a href="5473414.xlsx">ملف إكسل عينة</a> داخله وتنفيذ الكود العينة المقدم. سيقوم بتكوين مجلد فرعي <em>OtherSheets</em> داخل مجلد الخيار الخاص بك وتصدير صفحات العمل الـ HTML الثانية والثالثة داخله. يرجى تغيير متغير <em>dirPath</em> داخل الكود المقدم والإشارة إليه في المجلد الذي تختاره قبل التنفيذ.</p> <div class="alert alert-primary" role="alert"> سيعمل الكود العيني فقط عندما تقوم بتعيين ترخيص Aspose.Cells. إذا حاولت تشغيل الكود دون تعيين الترخيص، فسيدخل في حلقة لانهائية. لذا، قمنا بإضافة فحص لطباعة رسالة وإيقاف التنفيذ عندما لا يتم تعيين الترخيص. يمكنك إما شراء ترخيص أو طلب ترخيص مؤقت لمدة 30 يومًا من فريق Aspose.Purchase. </div> <p>يرجى ملاحظة أن تعليق هذه الأسطر داخل الكود سيعطل الروابط في <em>Sheet1.html</em> و<em>Sheet2.html</em> أو لن يتم في هذه الحالة فتح <em>Sheet3.html</em> عند النقر على الروابط داخل <em>Sheet1.html</em></p> <div class="highlight"><pre class="chroma"><code class="language-java" data-lang="java"> <span class="c1">//If you will comment this line, then hyperlinks will be broken </span><span class="c1"></span> <span class="n">options</span><span class="o">.</span><span class="na">setFilePathProvider</span><span class="o">(</span><span class="k">new</span> <span class="n">FilePathProvider</span><span class="o">());</span></code></pre></div> <p>إليك الكود العينة الكامل الذي يمكنك تنفيذه مع <a href="5473414.xlsx">ملف إكسل عينة</a> المقدم.</p> <script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-files-handling-OpeningFilesThroughPath-1.java"></script> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-FilePathProvider-FilePathProvider.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p> https://docs.aspose.com/cells/ar/java/render-gradient-fill-for-the-wordart-while-converting-spreadsheets-to/ Mon, 01 Jan 0001 00:00:00 +0000 https://docs.aspose.com/cells/ar/java/render-gradient-fill-for-the-wordart-while-converting-spreadsheets-to/ <h2 id="سيناريوهات-الاستخدام-المحتملة"><strong>سيناريوهات الاستخدام المحتملة</strong></h2> <p>في السابق، لم تكن واجهات برمجة التطبيقات في Aspose.Cells قادرة على تحديد تعبئة التدرج لأشكال WordArt عند تحويل جداول البيانات إلى تنسيق HTML. الآن تدعم واجهات برمجة التطبيقات Aspose.Cells تحديد تعبئة التدرج لأشكال WordArt. توضح اللقطة المصغرة التالية تأثير تعبئة التدرج في HTML للإصدارات السابقة والحديثة.</p> <p><img src="render-gradient-fill-for-the-wordart-while-converting-spreadsheets-to-html_1.png" alt="todo:image_alt_text"></p> <h2 id="عرض-تعبئة-التدرج-لكلمة-wordart-أثناء-تحويل-جداول-البيانات-إلى-صيغة-html"><strong>عرض تعبئة التدرج لكلمة WordArt أثناء تحويل جداول البيانات إلى صيغة HTML</strong></h2> <p>الكود العيني التالي يحول ملف إكسل المصدر إلى صيغة HTML الناتجة. يحتوي ملف إكسل المصدر على كائن WordArt بتعبئة تدرجية كما هو موضح في اللقطة أعلاه.</p> <h2 id="الكود-المثالي"><strong>الكود المثالي</strong></h2> <p><script type="application/javascript" src="https://gist.github.com/aspose-cells-gists/5876dc77e47649b66bdb5deefb4b5639.js?file=Examples-src-main-java-com-aspose-cells-examples-articles-RenderGradientFillHTML-RenderGradientFillHTML.java"></script> <button class="floating-button" id="openModalBtn">AI Document Assistant</button> <div class="modal" id="modal"> <button class="close-btn" id="closeModalBtn">Close</button> <iframe src="https://products.aspose.ai/cells/chat/document/java?source=docs" frameborder="0" width="100%" height="100%"></iframe> </div> <style> .floating-button { position: fixed; bottom: 20px; right: 20px; background-color: #007bff; color: white; border: none; padding: 15px 20px; border-radius: 50px; cursor: pointer; font-size: 16px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); z-index: 999; } .modal { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 80%; background-color: white; border: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); z-index: 1000; padding: 20px; box-sizing: border-box; } .close-btn { position: absolute; top: 10px; right: 10px; background-color: #f44336; color: white; border: none; padding: 5px 10px; cursor: pointer; font-size: 16px; border-radius: 3px; } </style> <script> const openModalBtn = document.getElementById('openModalBtn'); const closeModalBtn = document.getElementById('closeModalBtn'); const modal = document.getElementById('modal'); openModalBtn.addEventListener('click', function() { modal.style.display = 'block'; }); closeModalBtn.addEventListener('click', function() { modal.style.display = 'none'; }); window.addEventListener('click', function(event) { if (event.target === modal) { modal.style.display = 'none'; } }); </script> </p>