javascript - Mermaid.js 与 Node.js - 动态生成
问题描述
我正在与 Mermaid.js 一起为我的爱好项目制作一个类图。
我面临一个非常基本的问题,我无法弄清楚我应该如何解决它。
基本上,我已经生成了结构,但是当我将它推送到视图时,它会用双引号呈现,并且 '\n' 也会显示。
节点.js
let unique_Object = _.groupBy(json_result,'ChildRelationship')
let chart_schema = "classDiagram\n"
Object.keys(unique_Object).forEach(function (item){
chart_schema = chart_schema + objectName + " <|-- " + item + "\n"
})
return chart_schema
考阿路线
.get('getD', '/getD', async (ctx) => {
try {
const result = await util.get_childRelationship()
return ctx.render('test',{
object: result
})
} catch (error) {
console.error(error)
}
})
看法
<div class="mermaid" id="mermaid">
<%- chart %>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mermaid/8.4.4/mermaid.min.js"></script>
<script> mermaid.mermaidAPI.initialize({
startOnLoad: true
});</script>
查看结果
"classDiagram\nParent <|-- Joe\n"
浏览器忽略了\n。
如果有人有任何想法?
解决方案
推荐阅读
- reactjs - 在 React 中为 Month 类型的输入设置最小值
- laravel - 方法 Laravel\Passport\Bridge\AccessToken::__toString() 不能抛出异常,升级后捕获 InvalidArgumentException 错误
- python - 将多面体几何转换为列表
- linux - awk 与两个模式的 AND 条件在不匹配的行之间丢失
- html - 是否有前端测试比较工具可用于检查更改 wordpress 网站前后的差异?
- hyperlink - html中的CSS链接
- reactjs - 反应密码提交验证
- jquery - 使用媒体查询调整浏览器大小时 jQuery 脚本更改菜单的问题
- reactjs - 喜欢有条件地在formik中渲染一个initialValue
- llvm - 如何在 LLVM IR 中使用 RISC-V 向量 (RVV) 指令?