2015-12-10 4 views
8

पर सामग्रीपूर्ण एपीआई मार्कडाउन रूपांतरण एचटीएमएल पेज पर प्रदर्शित होने के लिए एचटीएमएल कोड में प्रस्तुत करने के लिए सामग्रीपूर्ण एपीआई से मार्कडाउन टेक्स्ट को कन्वर्ट करने का कोई आसान तरीका है। मैंने pagedown और कुछ समान तकनीकों का उपयोग करने की कोशिश की है, लेकिन कोई भी मेरे लिए काम नहीं कर रहा है।एचटीएमएल

+1

आप अपना कोड लिखने के लिए किस भाषा का उपयोग कर रहे हैं? कृपया जोड़ें ताकि मेघान का उत्तर सीधे सही पैकेज पर इंगित कर सके। – Ivan

उत्तर

8

मैं Contentful पर एक ग्राहक सफलता प्रबंधक हूँ -

आप our FAQ पर भाषा द्वारा सिफारिश की पारसर्स की एक सूची देख सकते हैं।

इसके अलावा, हमें क्लिक करके हमारे यूआई के माध्यम से इंटरकॉम पर संदेश भेजने के लिए स्वतंत्र महसूस लिंक :)

1

यहाँ मैं यह कैसे के साथ किया था 'हमारे से बात करें' प्रतिक्रिया:

class NewsDetail extends React.Component { 
    render() { 
     const body = marked(this.props.body || ""); 
     return (
       <div className="news-detail"> 
       <h2>{this.props.title}</h2> 
       <div dangerouslySetInnerHTML={ { __html: body } }></div> 
       </div> 
     ); 
    } 
} 

markdown सामग्री न्यूज़ डेंटल टैग के बॉडी एट्रिब्यूट में संग्रहीत है (एक छोटे से फ़ंक्शन के माध्यम से जो मेरी ऐप संरचना में सामग्रीपूर्ण डेटा संरचना को मैप करता है)। मैं जानता हूँ कि मुझे देर हो रही है लेकिन यहाँ समाधान हैंडल का उपयोग कर

<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script> 
2

:

var marked = require('marked'); 
marked.setOptions({ 
    renderer: new marked.Renderer(), 
    sanitize: true, 
    smartLists: true, 
    smartypants: true 
}); 

//Home 
router.get('/', (req, res) => { 
    client.getEntry('<ENTRY_ID>') 
    .then((entry)=> { 
    entry.fields.body = marked(entry.fields.body); 
    res.render('static/index', 
    { 
     entry: entry, 
     user: req.user 
    }); 
    }).catch((err) => { 
    console.log(err); 
    }) 
}); 
बाद हमारे इनबॉक्स में

HTML पृष्ठ में चिह्नित समारोह में खींचने के लिए इस स्क्रिप्ट टैग है। एचबीएस टेम्पलेट हम बचने से रोकने के लिए {{{}}} का उपयोग करके इस मामले (entry.fields.body) में मार्कडाउन वैरिएबल को कॉल कर सकते हैं।

{{{entry.fields.body}}} 
+0

इस प्रकार हमने जावास्क्रिप्ट में templating के लिए केवल चिह्नित और nunjucks का उपयोग कर किया है। आप किस तकनीकी ढेर का उपयोग कर रहे हैं? –

+0

@WillHancock यह एक एक्सप्रेस + हैंडलबार्स निर्माण की तरह दिखता है। – MattClaff