Shikong/WeChatMsg
1
0
Fork 0
mirror of https://github.com/LC044/WeChatMsg synced 2025-02-22 10:52:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

合并html导出文件的模板内容

Browse Source
This commit is contained in:
wuyanyun 2023-12-23 23:07:51 +08:00
parent 65de51fb45
commit fff76ae457
1 changed files with 51 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
app/resources/template.html
View File

@ -161,7 +161,7 @@ body{
color: darkgray; color: darkgray;
} }
.chat-image img{ .chat-image img,.chat-file img{
margin-right: 18px; margin-right: 18px;
margin-left: 18px; margin-left: 18px;
max-width: 300px; max-width: 300px;
@ -184,6 +184,29 @@ audio{
margin-left: 9px; margin-left: 9px;
margin-right: 9px; margin-right: 9px;
} }
.chat-file {
width: 300px;
background-color: #fff;
margin-right: 20px;
}
.chat-file a ,.chat-file div{
display: flex;
color: #000;
outline: none;
text-decoration: none;
margin: 0 20px 20px 20px;
}
.chat-file div{
margin: 20px;
}
.chat-file a span ,.chat-file div span{
/* flex-grow: 1; */
width: 200px;
}
.chat-file a img,.chat-file div img{
width: 100px;
}
.input-area{ .input-area{
border-top:0.5px solid #e0e0e0; border-top:0.5px solid #e0e0e0;
height: 150px; height: 150px;
@ -361,9 +384,9 @@ input {
// 计算当前页应该显示的元素范围 // 计算当前页应该显示的元素范围
const startIndex = (page - 1) * itemsPerPage; const startIndex = (page - 1) * itemsPerPage;
const endIndex = startIndex + itemsPerPage; const endIndex = startIndex + itemsPerPage;
function replaceEmoji(text){ function replaceEmoji(text){
// 定义替换规则，可以根据需要添加更多规则 // 定义替换规则，可以根据需要添加更多规则
var replacementRules = [ var replacementRules = [
{ pattern: /\[微笑\]/g, replacement: '<img src="https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.2.8/assets/Expression/Expression_1@2x.png" id="微笑" class="emoji_img">' }, { pattern: /\[微笑\]/g, replacement: '<img src="https://res.wx.qq.com/t/wx_fed/we-emoji/res/v1.2.8/assets/Expression/Expression_1@2x.png" id="微笑" class="emoji_img">' },
@ -534,8 +557,19 @@ input {
messageAudioTag.innerHTML = `<audio src="${message.text}" controls></audio>`; messageAudioTag.innerHTML = `<audio src="${message.text}" controls></audio>`;
return messageAudioTag; return messageAudioTag;
} }
function messageFileBox(message) {
const messageFileTag = document.createElement('div');
messageFileTag.className = `chat-file`;
if (message.link !== ''){
messageFileTag.innerHTML = `
<a href="${message.link}" target="_blank"><span>${message.file_name}</span><img src="${message.text}"/></a>`
}else{
messageFileTag.innerHTML = `<div><span>文件已丢失</span><img src="${message.text}"/></div>`;
}
return messageFileTag;
}
// 从数据列表中取出对应范围的元素并添加到容器中 // 从数据列表中取出对应范围的元素并添加到容器中
for (let i = startIndex; i < endIndex && i < chatMessages.length; i++) { for (let i = startIndex; i < endIndex && i < chatMessages.length; i++) {
const message = chatMessages[i]; const message = chatMessages[i];
if (i == startIndex) { // 判断一下在页面顶部多加一个时间 if (i == startIndex) { // 判断一下在页面顶部多加一个时间
@ -619,6 +653,19 @@ input {
messageContent.appendChild(messageElementReferText(message, side)); messageContent.appendChild(messageElementReferText(message, side));
} }
// 整合
messageElement.className = `item item-${side}`;
messageElement.appendChild(message.is_send ? messageContent : avatarTag);
messageElement.appendChild(message.is_send ? avatarTag : messageContent);
}
if (message.sub_type == 6) {
// displayname 和 file
messageContent.className = `content-wrapper content-wrapper-${side}`;
if (message.is_chatroom && !message.is_send) {
messageContent.appendChild(displayNameBox(message));
}
messageContent.appendChild(messageFileBox(message));
// 整合 // 整合
messageElement.className = `item item-${side}`; messageElement.className = `item item-${side}`;
messageElement.appendChild(message.is_send ? messageContent : avatarTag); messageElement.appendChild(message.is_send ? messageContent : avatarTag);