大理石マットタイル

console.log('[IFRAME] ===== 强制重新注入的脚本已加载 ====='); if (!window._messageListenerAdded) { console.log('[IFRAME] 添加消息监听器...'); window._messageListenerAdded = true; window.addEventListener('message', function(event) { console.log('[IFRAME] ===== MESSAGE RECEIVED ====='); console.log('[IFRAME] Event data:', event.data); console.log('[IFRAME] Event origin:', event.origin); if (event.data && event.data.type === 'updateElement') { console.log('[IFRAME] 更新元素消息已接收'); const elementData = event.data.elementData; console.log('[IFRAME] 元素数据:', elementData); try { // 查找目标元素 let targetElement = null; if (elementData.id) { targetElement = document.getElementById(elementData.id); } if (!targetElement && window._currentSelectedElement) { targetElement = window._currentSelectedElement; console.log('[IFRAME] 使用当前选中元素'); } if (targetElement) { console.log('[IFRAME] 🎯 找到目标元素:', targetElement); console.log('[IFRAME] 📋 更新计划:', { updateMode: elementData.updateMode, isContainerEdit: elementData.isContainerEdit, willUpdateContent: elementData.updateMode !== 'style-only', willUpdateStyle: !!elementData.style, elementTag: targetElement.tagName, hasInnerHTML: elementData.innerHTML !== undefined }); // 检查是否需要更改标签类型 if (elementData.tagName && elementData.tagName.toUpperCase() !== targetElement.tagName) { console.log('[IFRAME] 需要更改标签类型:', targetElement.tagName, '->', elementData.tagName); // 创建新元素 const newElement = document.createElement(elementData.tagName); // 复制所有属性 for (let i = 0; i < targetElement.attributes.length; i++) { const attr = targetElement.attributes[i]; newElement.setAttribute(attr.name, attr.value); } // 复制内容 newElement.innerHTML = targetElement.innerHTML; // 替换元素 targetElement.parentNode.replaceChild(newElement, targetElement); // 保持选中状态 if (targetElement.classList.contains('selected-element')) { newElement.classList.add('selected-element'); } // 更新引用 targetElement = newElement; window._currentSelectedElement = newElement; console.log('[IFRAME] ✅ 标签类型已更改为:', elementData.tagName); } // 根据更新模式决定是否更新内容 if (elementData.updateMode === 'style-only') { console.log('[IFRAME] 🛡️ 仅样式模式：跳过内容更新，保留原有innerHTML'); console.log('[IFRAME] 🔒 容器编辑保护：当前innerHTML长度 =', targetElement.innerHTML.length); } else if (elementData.isContainerEdit) { // 额外的容器编辑保护 console.log('[IFRAME] 🛡️ 容器编辑保护：即使非style-only模式也保留内容'); console.log('[IFRAME] 🔒 保护的内容长度:', targetElement.innerHTML.length); } else { // 更新内容 - 优先使用innerHTML保留格式 if (elementData.innerHTML !== undefined && elementData.innerHTML.trim() !== '') { targetElement.innerHTML = elementData.innerHTML; console.log('[IFRAME] ✅ innerHTML已更新（保留格式）:', elementData.innerHTML.substring(0, 100) + '...'); } else if (elementData.textContent !== undefined) { targetElement.textContent = elementData.textContent; console.log('[IFRAME] ✅ 文本内容已更新:', elementData.textContent); } } // 更新特定元素属性 if (elementData.src !== undefined && targetElement.tagName === 'IMG') { targetElement.src = elementData.src; console.log('[IFRAME] ✅ 图片src已更新:', elementData.src); // 强制触发图片加载事件以确保显示更新 targetElement.onerror = function() { console.log('[IFRAME] ⚠️ 图片加载失败:', elementData.src); }; targetElement.onload = function() { console.log('[IFRAME] ✅ 图片加载成功:', elementData.src); // 通知主窗口图片更新完成 window.parent.postMessage({ type: 'imageUpdated', src: elementData.src, success: true }, '*'); }; } if (elementData.alt !== undefined && targetElement.tagName === 'IMG') { targetElement.alt = elementData.alt; console.log('[IFRAME] ✅ 图片alt已更新:', elementData.alt); } if (elementData.href !== undefined && targetElement.tagName === 'A') { targetElement.href = elementData.href; console.log('[IFRAME] ✅ 链接href已更新:', elementData.href); } // 更新样式 if (elementData.style) { targetElement.style.cssText = elementData.style; console.log('[IFRAME] ✅ 样式已更新:', elementData.style); } console.log('[IFRAME] 🎉 元素更新完成！'); } else { console.error('[IFRAME] ❌ 未找到目标元素'); } } catch (error) { console.error('[IFRAME] ❌ 更新元素时出错:', error); } } }); }