【文件属性】：
文件名称：react-truncate-markup:ReactReact组件，用于截断JSX标记
文件大小：392KB
文件格式：ZIP
更新时间：2021-04-28 14:07:04
JavaScript
React截断标记
用于截断JSX标记的React组件。
为什么？
很少有使用JS截断而不是CSS截断的用例：
您需要支持IE，Firefox或Edge（并且不能使用webkit-line-clamp ）进行多行截断
您需要一个自定义的省略号，可能带有更多的文本（ show more链接，指示被截断隐藏了多少条记录的指示符，等等）
已经存在的大多数解决方案（例如或 ）都使用HTML5 canvas （及其measureText方法）来测量文本宽度，以确定是否（以及在何处）所提供的文本应被截断。
尽管这种方法有效，但也有其局限性-仅适用于纯文本，不适用于JSX标记。 当文本的某些部分具有不同的样式（例如color或font-weight ）时，您可能想使用JSX。
如何？
因为我们需要确定在应用所有布局和样式之后如何截断所提供的内容，所以我们需要在浏览器中实际呈现它（而不是在画布
【文件预览】：
react-truncate-markup-master
----nwb.config.js(270B)
----.dockerignore(99B)
----.github()
--------ISSUE_TEMPLATE()
----yarn.lock(413KB)
----.eslintrc.js(440B)
----.prettierignore(106B)
----src()
--------tokenize-rules.js(280B)
--------atom.js(258B)
--------index.js(14KB)
----Dockerfile(592B)
----demo()
--------src()
----CONTRIBUTING.md(2KB)
----.travis.yml(248B)
----__tests__()
--------browser.js(9KB)
--------.eslintrc.js(237B)
--------utils.js(4KB)
--------screenshot.js(1KB)
--------screenshots()
--------app()
----LICENSE.md(554B)
----README.md(9KB)
----index.d.ts(407B)
----.sonarcloud.properties(421B)
----.release-it.json(162B)
----prettier.config.js(203B)
----.gitignore(125B)
----package.json(2KB)