لون خلفية iFrame لا يعمل

[lyt]

لقد قمت مؤخرًا بتضمين بعض التصورات في منشور منتدى (مدعوم بـ discourse) وتبدو سيئة بشكل مؤسف في الوضع المظلم لأن إطارات iframe لها خلفيات شفافة.

لذلك حاولت تغيير لون خلفية إطارات iframe. وجدت كيف واختبرتها على hackmd؛ لقد نجحت بشكل جيد. ولكن عندما أقوم بإرسالها في منتدى discourse، فإنها لا تعمل! الوضع المظلم يسود.

هذا هو هيكل الكود الذي أستخدمه:

<iframe width="100%" height="300" style="background-color: #FFFFFF" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>

[SaraDev (Sara Devlaeminck)]

من المحتمل أن تحتاج إلى استخدام CSS مخصص لتعيين لون خلفية مخصص للإطار المضمن (iframe)، حيث يتم تجريد الأنماط/الفئات من جميع المشاركات على Discourse افتراضيًا.

Custom css inside a post / adding custom classes

Is it possible to give a <div> inside a post some custom styling? I’ve seen that any non-whitelisted classes are stripped out, and I’ve tried addingstyle= to my divs and spans to no avail , so does anyone know if there’s a way to do that? Basically I have a bot that posts from an internal tool and I’d like to have it post with something that looks like the tool to make it obvious that it’s not a regular disourse post, something like this: [image] It’s got a couple of nested divs/spans to ma…

على سبيل المثال، داخل موضوع يمكنك استخدام:

<div data-theme-1>
<iframe width="100%" height="300" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>
</div>

ثم في CSS المخصص للسمة التي تستخدمها أضف:

div[data-theme-1] {
  background-color: #FFFFFF;
}

إذا كنت مهتمًا بإدراج الأنماط/الفئات المسموح بها في موقعك، فيجب القيام بذلك باستخدام إضافة (plugin).

What are the different ways to customize content inside a post (custom attributes and such)

It is possible to uses some HTML classes in Discourse, however, most HTML in a post is sanitized for security reasons, and only very strict whitelisted HTML is allowed in markdown. To add classes to the white-list you must use a plugin, the sanitization happens server side as well as client side. Check out Whitelisting HTML tags / attributes for some details on where to add the whitelisted attributes, and I believe it would look similar to something like this: Discourse HTML Whitelist. and a…

[lyt]

شكرا جزيلا، لقد نجح الأمر!