javascript - 如何访问内容类型字段内的字段？

Question

我的内容类型有 5 个字段，其中一个是 UI 扩展，它从 HTML 生成两个文本字段。我无法访问 UI 扩展字段内的第二个文本字段。

我正在使用 JavaScript 访问 UI 扩展字段内的两个文本字段。但是，我只能访问第一个字段。我如何检索和操作第二个文本字段？

<form method="post" id="webAddressForm">
        <div class="table form-fields">
        <div class="row name">
                    <div class="label">Web address:</div>
                        <div class="input full"><input type="text" name="web-address" id="webAddress" placeholder="http://google.com"/></div>
                </div>
      <br>
        <div class="row name">
                    <div class="label">Text to display:</div>
                        <div class="input full"><input type="text" name="website-name" id="websiteName" placeholder="Google"/></div>
        <br>
        </div>
      </div>
        </form>

目前为止使用 JS 来获取字段的值。

console.log(api.field.getValue()) //  this only returns the value from the first text field.

我正在尝试访问 webAddress 和 websiteName 文本字段。

Answer 1

如果您想在一个字段中存储多个值，则必须选择字段类型 JSON 对象。

默认情况下，Contentful 支持一个字段有多种不同的类型，但它们都是单一值。通过选择 JSON 作为字段(和 UI 扩展)的类型，您可以解决此问题并存储所需的数据，因为您可以完全控制 JSON 结构。

希望有帮助。 :)。

Here you can find an example我很久以前就写过在单个字段中建模表格数据的文章。