- 综合排序
- 最热优先
- 最新优先
- 来自专栏前端架构师笔记
基于Github issues + umi 搭建一个免费的带评论功能的博客(二)
react-markdown的使用 首先需要安装： npm i react-markdown react-markdown 默认是不支持代码语法高亮提示的，因此，还需要安装 react-syntax-highlighter 这个库： npm i react-syntax-highlighter 因为我们的博客是基于 Github 的 markdown 来书写的，因此和 react-markdown 自带的markdown "; // 设置高亮样式 import { solarizedlight } from "react-syntax-highlighter/dist/esm/styles/prism"; // 设置高亮的语言 import { jsx, javascript, sass, scss, less, css } from "react-syntax-highlighter/dist/esm/languages/ 提供了若干种代码高亮的样式供我们使用，在react-syntax-highlighter/dist/esm/styles/prism 目录下可以选择你喜欢的代码高亮样式，这里我选择了 solarizedlight
89610编辑于 2022-05-10 - 来自专栏前端达人
20个惊艳的React组件库，每一个都值得收藏（上）
React Syntax Highlighter的特性 npm install react-syntax-highlighter # 或者 yarn add react-syntax-highlighter 快速上手 要在你的React项目中使用React Syntax Highlighter，首先需要安装这个库： npm install react-syntax-highlighter # 或者 yarn add react-syntax-highlighter 安装完成后，你可以如下方式在你的组件中使用它来展示代码： import React from 'react'; import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'; import { dark } from 'react-syntax-highlighter https://github.com/react-syntax-highlighter/react-syntax-highlighter 结束 在今天的分享中，我们一起探索了10个强大的React插件库
3K12编辑于 2024-03-02 - 来自专栏JavaScript高级程序设计
markDown转html的采坑之路
react-router-dom"; import ReactMarkDown from 'react-markdown'; import {Prism as SyntaxHighlighter} from 'react-syntax-highlighter hopscotch,ghcolors,a11yDark,atomDark, base16AteliersulphurpoolLight,cb,darcula,prism,vscDarkPlus } from 'react-syntax-highlighter /dist/esm/styles/prism' import {vs2015,googlecode,solarizedDark,gml} from 'react-syntax-highlighter/dist
90510编辑于 2022-07-14 - 来自专栏趣谈前端
做了N+1个企业项目之后, 我总结了这些React必备插件
react-copy-to-clipboard 基于React的复制到剪切板组件 qrcode.react 基于React的生成二维码的组件 nprogress 适用于YouTube，Medium等的顶部进度条组件 react-syntax-highlighter
2.5K10发布于 2021-02-05 - 来自专栏不止是前端
从Highlight浅谈Webpack按需加载
这个问题在另一个组件中得到了解决 react-syntax-highlighter 还没来得及看具体的实现，不过我估计应该是使用了 CSS-MODULES，明天再看看 没来得及验证的部分 有注意到 我在使用
2.3K10发布于 2018-08-09 - 来自专栏前端大全
AI聊天机器人前端实现——React + WebSocket深度集成
from 'react-markdown'; import remarkGfm from 'remark-gfm'; import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter '; import { atomDark } from 'react-syntax-highlighter/dist/cjs/styles/prism'; const MessageBubble =
13310编辑于 2026-03-10 - 来自专栏趣谈前端
总结100+前端优质库,让你成为前端百事通
react-copy-to-clipboard 基于 React 的复制到剪切板组件 qrcode.react 基于 React 的生成二维码的组件 nprogress 适用于 YouTube，Medium 等的顶部进度条组件 react-syntax-highlighter
4.1K20编辑于 2022-02-09
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号