マークダウンテキストを内容の良いAPIからHTMLコードに変換してHTMLページに表示する簡単な方法はありますか?私はpagedownといくつかの似たようなテクニックを使ってみましたが、どれも私にとってはうまくいかないようです。内容の整ったapiマークダウンからHTMLへの変換
答えて
をクリックすることで、当社のUIを介して私たちのインターホンにメッセージを送ること自由に感じここでリアクトと私はそれをやった方法は次のとおりです。
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>
);
}
}
値下げコンテンツNewsDetailタグのbody属性に格納されます(コンテンツ構造のデータ構造をアプリケーション構造にマップする短い関数を介して)。
HTMLページがマークされた機能に引っ張るために、このスクリプトタグを持っています
<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.6/marked.min.js"></script>
は、私が遅刻を知っているが、ここでハンドルバーを使用したソリューションです:
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);
})
});
次にGoogleのインデックスに。 hbsテンプレートでは、{{{}}}を使ってこのケース(entry.fields.body)でマークダウン変数を呼び出して、エスケープを防ぐことができます。
{{{entry.fields.body}}}
これは、JavaScriptでのテンプレート作成にマークとnunjucksを使用した場合のみです。 どのようなテクノロジースタックを使用していますか? –
@WillHancockこれはexpress + handlebarsビルドのようです。 – MattClaff
- 1. htmlからmobi/epubへの変換のためのApi /ライブラリ
- 2. iPhoneSDKのHTMLからPDFへの変換
- 3. jqueryのhtmlからxhtmlへの変換
- 4. XAMLからHTMLへの変換
- 5. JSP/HTMLページからPDFへの変換
- 6. HTMLからJAVASCRIPTへの変換?
- 7. HTMLから画像への変換
- 8. HTMLからODTへの変換
- 9. 翡翠からHTMLへの変換
- 10. 整数ポインタから整数への変換
- 11. JavaFX TextFieldの内容を整数に変換する
- 12. ジキル変換Rマークダウン
- 13. オンラインまたはオフラインのテキストからHTMLエンティティへの変換
- 14. モバイル向けの優れたPDFからHTMLへの変換
- 15. 符号なし整数から符号付き整数への変換または逆の変換
- 16. Asposeを使用したHTMLからPDFへの変換
- 17. iTextを使用したHTMLからPDFへの変換
- 18. JSFへのHTMLの変換
- 19. アセンブリ内の128ビット整数の文字列への変換
- 20. 10進数から整数へのビット単位の変換
- 21. Swiftのテキストフィールドから整数への変換
- 22. 日付の整数からJavaへの変換
- 23. C#文字列から整数への変換の問題
- 24. Fortranの文字から整数への変換
- 25. 整数から2進数への変換
- 26. Int32から24ビット符号付き整数への変換
- 27. 64bit整数から文字列への変換
- 28. 整数から実体への明示的な変換?
- 29. 内部からHTMLコードを出力するRマークダウン
- 30. fread()からsqlフィールドの内容に変換する
コードを書くためにどの言語を使用していますか? Meghanの答えが正しいパッケージを直接指すように追加してください。 – Ivan