[英]How to render a code snippet with javascript format by material-ui
如何将文本格式化为javascript代码块(将React与Material-ui和Highlight.js结合使用)
我试图用谷歌搜索,但找不到任何示例
我发现这个包装使用highlight.js
内阵营: https://github.com/bvaughn/react-highlight.js 。
这是一个简单的例子:
import React from "react";
import ReactDOM from "react-dom";
import Highlight from "react-highlight.js";
function App() {
return (
<Highlight language="javascript">
{`const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);`}
</Highlight>
);
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);
它还需要包含一个主题(例如<link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/railscasts.css' />
),该主题已放入index.html中这个例子。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.