我很高兴地分享，Tina 的可视化编辑用户体验通过点击编辑功能变得更好了。

当您点击页面上的可编辑元素时，这会在正确的位置弹出 Tina 侧边栏。在roev.com上查看其实际效果：

我们的目标是让可视化编辑成为最直观的编辑体验，同时不影响开发者的体验和代码质量。点击编辑是一个很大的用户体验提升，并且易于在您的网站上实现。

演示

如果您想体验一下用户体验，请尝试此演示（无需登录）。

入门

如果您已经在使用可视化编辑，可以通过向 DOM 元素添加 data-tina-field 属性来启用点击编辑，这使得 Tina 能够将页面上的可编辑元素映射到正确的 CMS 字段。我们提供了一个帮助程序，使得在具有复杂数据结构的页面上添加此功能变得容易。

请注意，data-tina-field 属性与我们的活动字段指示器使用的 data-tinafield 属性不同（后者将在未来逐步淘汰）。

不再回头

我们已经在内部使用这个功能有一段时间了，这是一个让您感到“我们之前是怎么做到的？”的功能。回到旧的方式，在 Tina 的侧边栏中遍历嵌套表单以找到正确字段的方式感觉非常繁琐。

我们很想听听您对点击编辑的看法。如果您有反馈，请加入我们的Discord 服务器。