علامة "button" في HTML5 تظهر في معاينة المحرر، لكنها لا تظهر في المشاركات

Arkshine · 25 مارس 2025، 9:21م

لست متأكدًا مما إذا كانت هذه مشكلة بحد ذاتها. أتفهم ارتباكك.

لمنع تصفية علامات HTML والسمات/أسماء الفئات، يجب السماح بذلك صراحةً في Discourse core أو إضافة.

على سبيل المثال، يمكن العثور على قائمة افتراضية هنا:

app/assets/javascripts/pretty-text/addon/allow-lister.js

main


      
              return this._allowedHrefSchemes;
            }
          
            getAllowedIframes() {
              return this._allowedIframes;
            }
          }
          
          // Only add to `default` when you always want your allowlist to occur. In other words,
          // don't change this for a plugin or a feature that can be disabled
          export const DEFAULT_LIST = [
            "a.anchor",
            "a.attachment",
            "a.hashtag",
            "a.mention",
            "a.mention-group",
            "a.onebox",
            `a.inline-onebox`,
            `a.inline-onebox-loading`,
            "a[data-bbcode]",
            "a[data-word]",

من الممكن أيضًا السماح بعلامة للمعاينة فقط. على سبيل المثال، تحتوي عناصر تحكم الصورة على العديد من مجموعات العلامات/أسماء الفئات/السمات.

github.com/discourse/discourse

app/assets/javascripts/discourse-markdown-it/src/features/image-controls.js

main


      
              buildScaleButton(selectedScale, scale)
            ).join("");
            result += `</span>`;
            result += buildImageDeleteButton();
          
            // Get upload URL from token for conditional button rendering
            const origSrcIndex = token.attrIndex("data-orig-src");
            const uploadUrl =
              origSrcIndex !== -1 ? token.attrs[origSrcIndex][1] : null;
          
            // Add API extra buttons with optional conditions
            apiExtraButton.forEach((button) => {
              if (!button.condition || button.condition(uploadUrl)) {
                result += button.markup;
              }
            });
          
            result += "</span></span>";
          
            return result;
          } else {

ترى الزر في المعاينة لأنه نتيجة جانبية للعلامة المسموح بها هنا.
ومع ذلك، يتم تجاهل السمة disabled لأنها غير محددة.

github.com/discourse/discourse

app/assets/javascripts/discourse-markdown-it/src/features/image-controls.js

main


      
          
          export function setup(helper) {
            const opts = helper.getOptions();
            if (opts.previewing) {
              helper.allowList([
                "span.image-wrapper",
                "span.button-wrapper",
                "span[class=scale-btn-container]",
                "span[class=scale-btn]",
                "span[class=scale-btn active]",
                "span.separator",
                "span.scale-btn[data-scale]",
                "span.button-wrapper[data-image-index]",
                "span[aria-label]",
                "span[class=delete-image-button]",
                "span.alt-text-container",
                "span.alt-text-readonly-container",
                "span.alt-text-readonly-container.alt-text",
                "span.alt-text-readonly-container.alt-text-edit-btn",
                "svg[class=fa d-icon d-icon-pencil svg-icon svg-string]",
                "use[href=#pencil]",

لم أتحقق من كيفية تحليل القائمة المسموح بها؛ أتساءل عما إذا كان هذا هو السلوك المتوقع. . حاليًا، يبدو أن العلامة مسموح بها بغض النظر عن السمات. كنت أتوقع ألا يتم عرض الزر إذا لم تكن تستخدم بالضبط، على سبيل المثال، <button class="alt-text-edit-ok btn btn-primary">.

يمكنك إنشاء إضافة للسماح بـ <button> عند عرض المنشور. أخبرني إذا كنت بحاجة إلى مساعدة.

الموضوع		الردود	مرات العرض
Render `<button disabled>` in markdown Feature	0	49	26 مارس 2025
Is it just HTML in the editor making the official plugin Buttons? Support calendar-and-event	3	238	17 أغسطس 2023
Post Preview not working because of events plugin Support	14	1576	11 أغسطس 2022
Strangely ordered markdown + HTML is shown differently in post vs. preview Support	7	628	2 فبراير 2023
Markdown preview and result differ Bug composer	7	1021	22 يونيو 2023

علامة "button" في HTML5 تظهر في معاينة المحرر، لكنها لا تظهر في المشاركات

الموضوعات ذات الصلة