zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Support embedding multiple Applications

Browse Source 
Closes #1659
This commit is contained in:
CaptainB 2024-12-18 10:46:11 +08:00 committed by 刘瑞斌
parent b2829963ab
commit bdea68c4e6
1 changed files with 10 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/application/template/embed.js
View File

@ -1,3 +1,4 @@
(function() {
const guideHtml=` const guideHtml=`
<div class="maxkb-mask"> <div class="maxkb-mask">
<div class="maxkb-content"></div> <div class="maxkb-content"></div>
@ -23,7 +24,7 @@ const chatButtonHtml=
<img style="height:100%;width:100%;" src="{{float_icon}}"> <img style="height:100%;width:100%;" src="{{float_icon}}">
</div>` </div>`
const getChatContainerHtml=(protocol,host,token,query)=>{ const getChatContainerHtml=(protocol,host,token,query)=>{
return `<div id="maxkb-chat-container"> return `<div id="maxkb-chat-container">
@ -43,7 +44,7 @@ const getChatContainerHtml=(protocol,host,token,query)=>{
} }
/** /**
* 初始化引导 * 初始化引导
* @param {*} root * @param {*} root
*/ */
const initGuide=(root)=>{ const initGuide=(root)=>{
root.insertAdjacentHTML("beforeend",guideHtml) root.insertAdjacentHTML("beforeend",guideHtml)
@ -131,8 +132,9 @@ const initChat=(root)=>{
function initMaxkb(){ function initMaxkb(){
const maxkb=document.createElement('div') const maxkb=document.createElement('div')
const root=document.createElement('div') const root=document.createElement('div')
root.id="maxkb" const maxkbId = 'maxkb-'+crypto.randomUUID().split('-')[0]
initMaxkbStyle(maxkb) root.id=maxkbId
initMaxkbStyle(maxkb, maxkbId)
maxkb.appendChild(root) maxkb.appendChild(root)
document.body.appendChild(maxkb) document.body.appendChild(maxkb)
const maxkbMaskTip=localStorage.getItem('maxkbMaskTip') const maxkbMaskTip=localStorage.getItem('maxkbMaskTip')
@ -142,9 +144,9 @@ function initMaxkb(){
initChat(root) initChat(root)
} }
// 初始化全局样式 // 初始化全局样式
function initMaxkbStyle(root){ function initMaxkbStyle(root, maxkbId){
style=document.createElement('style') style=document.createElement('style')
style.type='text/css' style.type='text/css'
style.innerText= ` style.innerText= `
@ -306,6 +308,7 @@ function initMaxkbStyle(root){
height: 600px; height: 600px;
} }
}` }`
.replaceAll('#maxkb ',`#${maxkbId} `)
root.appendChild(style) root.appendChild(style)
} }
@ -319,3 +322,4 @@ function embedChatbot() {
} else console.error('invalid parameter') } else console.error('invalid parameter')
} }
window.addEventListener('load',embedChatbot) window.addEventListener('load',embedChatbot)
})();