仅对当前页码收藏夹内容进行导出
` + `图片内容过多时请耐心等待
` + `如果点击没有生成PDF请刷新页面
`, elementTypeSpan: (type) => { const typeObj = { zvideo: '视频', answer: '问答', article: '文章', }; return typeObj[type] || ''; }, }; /** 启用知乎默认的黑暗模式 */ const onUseThemeDark = (isUse) => { dom('html').setAttribute('data-theme', isUse ? 'dark' : 'light'); }; /** 注入样式文件的方法 */ const initDomStyle = (id, innerHTML) => { const element = domById(id); element ? (element.innerHTML = innerHTML) : document.head.appendChild( domC('style', { id, type: 'text/css', innerHTML, }) ); }; /** 回填数据，供每次打开使用 */ const echoData = () => { const textSameName = { globalTitle: (e) => (e.value = pfConfig.globalTitle || document.title), customizeCss: (e) => (e.value = pfConfig['customizeCss']), }; const echoText = (even) => { textSameName[even.name] ? textSameName[even.name](even) : (even.value = pfConfig[even.name]); }; const echo = { radio: (even) => pfConfig.hasOwnProperty(even.name) && even.value === pfConfig[even.name] && (even.checked = true), checkbox: (even) => (even.checked = pfConfig[even.name] || false), 'select-one': (even) => { if (pfConfig[even.name]) { for (let i = 0; i < even.length; i++) { if (even[i].value === pfConfig[even.name]) { even[i].selected = true; } } } }, text: echoText, number: echoText, range: (even) => { const nValue = pfConfig[even.name]; const rangeNum = isNaN(+nValue) || !(+nValue > 0) ? dom(`[name="${even.name}"]`).min : nValue; even.value = rangeNum; domById(even.name).innerText = rangeNum; }, }; const doEcho = (item) => { echo[item.type] && echo[item.type](item); }; domA(`.${CLASS_INPUT_CLICK}`).forEach(doEcho); domA(`.${CLASS_INPUT_CHANGE}`).forEach(doEcho); echo.text(dom('[name="globalTitle"]')); }; /** 更改编辑器方法 */ const fnChanger = async (ev) => { // onchange 时只调用 myVersion 的 name const doCssVersion = [ 'questionTitleTag', 'fixedListItemMore', 'linkShopping', 'highlightListItem', 'zoomImageType', 'zoomImageSize', 'versionHome', 'versionAnswer', 'versionArticle', 'fontSizeForList', 'fontSizeForAnswer', 'fontSizeForArticle', ]; const { name, value, checked, type } = ev; const ob = { isUseThemeDark: () => { myVersion.change(); myBackground.init(); onUseThemeDark(checked); myListenListItem.restart(); }, colorBackground: () => { myBackground.init(); myVersion.change(); myListenListItem.restart(); }, suspensionHomeTab: () => { myVersion.change(); changeSuspensionTab(); }, suspensionFind: cacheHeader, suspensionSearch: cacheHeader, suspensionUser: cacheHeader, titleIco: changeICO, showGIFinDialog: previewGIF, questionCreatedAndModifiedTime: addQuestionCreatedAndModifiedTime, highlightOriginal: () => { myListenListItem.restart(); }, listOutPutNotInterested: () => { myListenListItem.restart(); }, articleCreateTimeToTop: addArticleCreateTimeToTop, linkAnswerVideo: () => { myVersion.change(); zoomVideos(); }, }; pfConfig[name] = type === 'checkbox' ? checked : value; await myStorage.set('pfConfig', JSON.stringify(pfConfig)); type === 'range' && domById(name) && (domById(name).innerText = value); if (/^hidden/.test(name)) { myHidden.init(); return; } if (doCssVersion.includes(name)) { myVersion.change(); return; } ob[name] && ob[name](); }; /** 在重置数据时调用 */ const resetData = () => { onInitStyleExtra(); initData(); onUseThemeDark(pfConfig.isUseThemeDark); }; /** 查找是否使用主题 */ const findTheme = () => { // 开始进入先修改一次 onUseThemeDark(pfConfig.isUseThemeDark); const elementHTML = dom('html'); const muConfig = { attribute: true, attributeFilter: ['data-theme'] }; // 监听 html 元素属性变化 const muCallback = function () { const { isUseThemeDark } = pfConfig; const themeName = elementHTML.getAttribute('data-theme'); if ((themeName === 'dark' && !isUseThemeDark) || (themeName === 'light' && isUseThemeDark)) { onUseThemeDark(isUseThemeDark); } }; const muObserver = new MutationObserver(muCallback); muObserver.observe(elementHTML, muConfig); }; /** 时间格式化 */ const timeFormatter = (time, formatter = 'YYYY-MM-DD HH:mm:ss') => { if (!time) return ''; const date = new Date(time); const year = date.getFullYear(); const month = date.getMonth() + 1; const day = date.getDate(); const hour = date.getHours(); const min = date.getMinutes(); const sec = date.getSeconds(); // 不足十位添 0 const preArr = Array.apply(null, Array(10)).map(function (elem, index) { return '0' + index; }); return formatter .replace(/YYYY/g, year) .replace(/MM/g, preArr[month] || month) .replace(/DD/g, preArr[day] || day) .replace(/HH/g, preArr[hour] || hour) .replace(/mm/g, preArr[min] || min) .replace(/ss/g, preArr[sec] || sec); }; /** 问题添加时间 */ const addTimes = (event) => { const className = 'ctz-list-item-time'; event.querySelector(`.${className}`) && event.querySelector(`.${className}`).remove(); const crTime = event.querySelector('[itemprop="dateCreated"]') ? event.querySelector('[itemprop="dateCreated"]').content : ''; const puTime = event.querySelector('[itemprop="datePublished"]') ? event.querySelector('[itemprop="datePublished"]').content : ''; const muTime = event.querySelector('[itemprop="dateModified"]') ? event.querySelector('[itemprop="dateModified"]').content : ''; const created = timeFormatter(crTime || puTime); const modified = timeFormatter(muTime); if (!created) return; const element = domC('div', { className, style: 'line-height: 24px;padding-top: 6px;', innerHTML: `