script. window.addEventListener('load', () => { const changeContent = (content) => { if (content === '') return content content = content.replace(/<[^>]+>/g,"") // remove html tag content = content.replace(/(http(s?):)([/|.|\w|\s|-])*\.(?:jpg|jpeg|gif|png|webp)/g, '') // remove image link content = content.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gi, '') // remove url if (content.length > 150) { content = content.substring(0,150) + '...' } return content } const getComment = () => { const runTwikoo = () => { twikoo.getRecentComments({ envId: '!{theme.twikoo.envId}', pageSize: !{theme.newest_comments.limit}, includeReply: true }).then(function (res) { saveToLocal.set('twikoo-newest-comments', JSON.stringify(res), 10/(60*24)) generateHtml(res) }).catch(function (err) { const $dom = document.querySelector('#card-newest-comments .aside-list') $dom.innerHTML= "!{_p('aside.card_newest_comments.error')}" }) } if (typeof twikoo === 'object') { runTwikoo() } else { getScript('!{theme.CDN.twikoo}').then(runTwikoo) } } const generateHtml = array => { let result = '' if (array.length) { for (let i = 0; i < array.length; i++) { result += '
' if (!{theme.newest_comments.avatar}) { let name = 'src' if(!{theme.lazyload.enable}) { name = 'data-lazy-src' } result += `${array[i].nick}` } result += `
${changeContent(array[i].commentText)}
${array[i].nick}
` } } else { result += '!{_p("aside.card_newest_comments.zero")}' } let $dom = document.querySelector('#card-newest-comments .aside-list') $dom.innerHTML= result window.lazyLoadInstance && window.lazyLoadInstance.update() window.pjax && window.pjax.refresh($dom) } const newestCommentInit = () => { if (document.querySelector('#card-newest-comments .aside-list')) { const data = saveToLocal.get('twikoo-newest-comments') if (data) { generateHtml(JSON.parse(data)) } else { getComment() } } } newestCommentInit() document.addEventListener('pjax:complete', newestCommentInit) })