HTML सामग्री को GADUB README.md में कैसे प्रदर्शित करें?


83

मैं जीथब के लिए नया हूं, README.mdएक iframe का उपयोग करके HTML सामग्री प्रदर्शित करना चाहता हूं या कुछ ऐसा संभव है?

मैंने जो कोशिश की है, मैं सिर्फ HTML टैग अन्य एंकर बना रहा हूं, वह काम नहीं कर रहा है।


डुप्लिकेट प्रश्न के अन्य सुझाव: stackoverflow.com/questions/48402823/…
ms609

जवाबों:


47

Github के मार्कडाउन दुभाषिया में HTML शामिल हो सकता है । हालाँकि, वहाँ केवल इतना है कि आप HTML में कर सकते हैं। मैं इस लेख की जाँच करने का सुझाव दूंगा जो टैग का उपयोग करने के बारे में अधिक जानकारी प्रदान करता है। व्यक्तिगत रूप से, मैंने कभी भी लाइन-ब्रेक, क्षैतिज नियमों आदि से अधिक का उपयोग नहीं किया है ... दुर्भाग्य से, मैं लेख में उल्लिखित आईफ्रेम नहीं देखता हूं।


14
वे आक्रामक तरीके से html को हटाते हैं जो उपयोगकर्ताओं के लिए हानिकारक हो सकता है, जैसे स्क्रिप्ट। एक iframe उस श्रेणी में आता है क्योंकि आप संभावित रूप से लोगों को कुछ भी परोस सकते हैं, यहाँ तक कि जीथब पर मालवेयर भी।
s1h4d0w

39

जैसा कि mjgpy3 द्वारा उत्तर दिया गया है , आप html को शामिल कर सकते हैं - कोई <html>टैग आवश्यक नहीं है, लेकिन इसे प्रदर्शन से पहले sanitized किया जाएगा और अनुमत एकमात्र टैग इस श्वेतसूची में हैं

वर्तमान में सूची में शामिल हैं:

h1 h2 h3 h4 h5 h6 h7 h8 br b i strong em a pre code img tt div ins del sup sub p ol ul table thead tbody tfoot blockquote dl dt dd kbd q samp var hr ruby rt rp li tr td th s strike summary details caption figure figcaption abbr bdo cite dfn mark small span time wbr

लेकिन नहीं iframe


1
lazysoundsystem की पोस्ट की गई सूची बदली गई, ALL HTMLED टैग्स के लिए # 46,47,48 लाइन देखें: GitHub-HTML- पाइपलाइन-सैनिटाइजेशन_फिल्टर.आरबी , मैंने सत्यापित किया + पाया कि लिंक इस समय सही है। ऐसी TAGs नहीं-अनुमत: स्क्रिप्ट, शैली, iframe, अवधि,… लेकिन div, तालिका,… आंशिक रूप से अनुमति दी गई। GitHub TAG के अंदर उपयोग किए जाने वाले कई गुणों को हटा / फ़िल्टर भी करता है। चूंकि GitHub TAGs और Attrib (s) पर फ़िल्टर लागू कर सकता है, उन्हें कम से कम कुछ सुरक्षित CSS + JS प्रॉपर्टीज / कमांड्स की अनुमति देने के लिए फ़िल्टरिंग-ऑन के साथ <style>, <script>, ... की अनुमति देनी चाहिए।
एट्रीक

1

आप आसपास काम करने के लिए svg का उपयोग कर सकते हैं, उदाहरण कोड (./path/example.svg):

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
<foreignObject width="100" height="100">
    <div xmlns="http://www.w3.org/1999/xhtml">
        <ul>
            <li>text</li>
        </ul>
        <!-- Other embed HTML element/text into SVG -->
    </div>
</foreignObject>
</svg>

और फिर किसी अन्य मार्काडाउन फाइल में svg फाइल को एम्बेड करने के लिए इमेज इंसर्ट तरीका का उपयोग करें, जैसे:

![](./path/example.svg)
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.