在 YAML 中使用 HTML 在 js-yaml 中产生 [Object Object]

Question

在 YML 中使用 HTML 会产生 [Objcet Object]

YML

context: fieldLabel: | <strong> Some Bold Text </strong> and now normal continued. 它呈现为

context: fieldLabel: ",[object Object], and now normal continued.↵" 但我希望我的输出应该是

context: { fieldLabel: '<strong>\n Some Bold Text\n</strong> and now normal continued.\n' },

我的 JS 代码：

我的 JS 代码：

const tests = YAML.safeLoad(this.props.children,{json:true}); console.log("tests",...tests)

控制台输出：

context: fieldLabel: ",[object Object], and now normal continued.↵"

它以 [object Object] 的形式出现，而不是 <strong>\n Some Bold Text\n</strong>

Answer 1

来自js-yaml docs：

safeLoad (string [ , options ])

推荐的加载方式。将字符串解析为单个 YAML 文档。返回一个 JavaScript 对象或在出错时抛出 YAMLException。默认情况下，不支持正则表达式、函数和未定义。这种方法对于不受信任的数据是安全的。

当您在 yaml 中包含非安全代码（即 HTML）时，看起来 js-yaml 正在给您一个错误。如果保证您的 yaml 是安全的，您可以使用 load() 进行非安全加载，或者您可以修改代码结构以更改 yaml 中存储的内容和不存储的内容。