1. react-i18next resources key默认杠后大写
新增了繁体中文模块,如下导入,切换语言并不生效
import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import translation_en from './en';
import translation_zh from './zh';
import translation_zh_traditional from './zh-traditional';
const resources = {
en: translation_en,
zh: translation_zh,
'zh-traditional': translation_zh_traditional,
};
i18n.use(initReactI18next).init({
resources,
lng: 'en',
fallbackLng: 'en',
interpolation: {
escapeValue: false,
},
});
export default i18n;
原来i18next默认杠后面要大写,
或者配置lowerCaseLng为true,全小写就会生效了
2. 关于使得pdf文档部分高亮的技术选型
需求:点击左边的item,对应右边的pdf高亮显示
- react-pdf@7.7.1
腾讯一篇文章效果像是我们想要的,去翻看其使用到的react-pdf wikiHighlight text on the page,是遍历整个pdf内容,将每块内容切成小块跟你提供的text去匹配,匹配成功则高亮,而我们提供的text一般都是段落很长,这会导致有很多地方的小块内容被text匹配上,从而匹配的结果看起来像是狸花猫,而不是指定的一整块,例如下面的效果:
这不是我们想要的 - react-pdf-highlighter@6.1.0
该库通过坐标去高亮pdf,可以很好的实现我们的需求,后端解析文档的段落,将对应的坐标给到前端就可以实现了,但是其中也有坑react-pdf-highlighter@6.1.0 高亮定位不准