fix: 修复测试页面的 Mermaid 渲染错误处理
This commit is contained in:
@@ -269,15 +269,17 @@ classDiagram
|
|||||||
const code = block.textContent;
|
const code = block.textContent;
|
||||||
|
|
||||||
try {
|
try {
|
||||||
mermaid.render(id, code).then(result => {
|
// Mermaid 10.x 使用 render 方法,返回 Promise
|
||||||
|
mermaid.render(id, code).then(function(result) {
|
||||||
block.innerHTML = result.svg;
|
block.innerHTML = result.svg;
|
||||||
console.log('[Mermaid] 成功渲染图表 ' + (index + 1));
|
console.log('[Mermaid] 成功渲染图表 ' + (index + 1));
|
||||||
}).catch(error => {
|
}).catch(function(error) {
|
||||||
console.error('[Mermaid] 渲染失败:', error);
|
console.error('[Mermaid] 渲染失败:', error);
|
||||||
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染失败: ' + error.message + '</div>';
|
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染失败: ' + error.message + '</div>';
|
||||||
});
|
});
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('[Mermaid] 渲染异常:', error);
|
console.error('[Mermaid] 渲染异常:', error);
|
||||||
|
block.innerHTML = '<div style="color: red; padding: 10px; border: 1px solid red; border-radius: 4px;">渲染异常: ' + error.message + '</div>';
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user