我们在TinaCMS中如何命名事物

在此页面上

TinaCMS 编辑术语

随着TinaCMS的不断发展，在描述其编辑体验时使用清晰且一致的语言是很重要的。我们经常引用一组术语来解释可视化编辑的工作原理以及编辑者如何与内容互动。以下定义概述了这些术语，并展示了它们如何结合在一起：

管理侧边栏

列出集合的侧边栏（不要与TinaCMS编辑器混淆）。

可视化编辑

整体的双窗格编辑体验，左侧为编辑器，右侧为实时网站预览。

TinaCMS 编辑器

左侧窗格，通过结构化字段和输入来编辑内容。

网站预览

右侧窗格，显示网站的实时视图，随着内容的编辑而更新。

可编辑区域

在网站预览中带有蓝色轮廓 🟦 的元素是可编辑的。点击任何带轮廓的元素将自动聚焦到侧边栏中对应的字段以便立即编辑。

字段

字段定义了提供给你的网站的内容结构。这些字段在你的配置中或在一个单独的模板中定义。

fields: [
  {
    name: 'image',
    label: 'Image',
    type: 'image'
  },
  {
    name: 'content',
    label: 'Main Content',
    type: 'rich-text'
  }
]

富文本嵌入

在富文本字段中，我们可以选择将自定义组件作为模板嵌入。这允许你用React组件丰富基于Markdown的内容。

const document: Collection = {
  name: 'pageContent',
  label: 'Page',
  path: 'content/page',
  format: 'mdx',
  fields: [
    {
      name: 'content',
      label: 'Main Content',
      type: 'rich-text',
      templates: [
        youtubeEmbed
      ]
    }
  ]
}