fix: 修复测试页面的 Mermaid 渲染错误处理

This commit is contained in:
2026-01-24 21:43:42 +08:00
parent e138848eac
commit a7af3877b8

View File

@@ -269,15 +269,17 @@ classDiagram
const code = block.textContent;
try {
mermaid.render(id, code).then(result => {
// Mermaid 10.x 使用 render 方法,返回 Promise
mermaid.render(id, code).then(function(result) {
block.innerHTML = result.svg;
console.log('[Mermaid] 成功渲染图表 ' + (index + 1));
}).catch(error => {
}).catch(function(error) {
console.error('[Mermaid] 渲染失败:', error);
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染失败: ' + error.message + '</div>';
});
} catch (error) {
console.error('[Mermaid] 渲染异常:', error);
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染异常: ' + error.message + '</div>';
}
});
}