添加小部件而不在Netlify CMS预览中显示
是否存在允许用户在编辑器中输入文本值但不显示在右侧预览中的后端小部件类型 我从开箱即用的示例中获得了以下配置:添加小部件而不在Netlify CMS预览中显示,netlify,netlify-cms,Netlify,Netlify Cms,是否存在允许用户在编辑器中输入文本值但不显示在右侧预览中的后端小部件类型 我从开箱即用的示例中获得了以下配置: -标签:“博客” 名称:“博客” 文件夹:“\u帖子/博客” 创建:true 领域: -{标签:“标题”,名称:“标题”,小部件:“字符串”} -{标签:“发布日期”,名称:“日期”,小部件:“日期时间”} -{标签:“特色图像”,名称:“缩略图”,小部件:“图像”} -{标签:“Body”,名称:“Body”,小部件:“markdown”} 我不希望发布日期显示在预览中。Netli
-标签:“博客”
名称:“博客”
文件夹:“\u帖子/博客”
创建:true
领域:
-{标签:“标题”,名称:“标题”,小部件:“字符串”}
-{标签:“发布日期”,名称:“日期”,小部件:“日期时间”}
-{标签:“特色图像”,名称:“缩略图”,小部件:“图像”}
-{标签:“Body”,名称:“Body”,小部件:“markdown”}
我不希望发布日期显示在预览中。Netlify CMS允许自定义预览,并在预览中包含或排除您想要的任何内容。模仿您的页面布局,并使用构建中的样式表提供所见即所得的布局 在CMS文件夹中的
index.html
中可能会有如下内容
var PostPreview=createClass({
render:function(){
var entry=this.props.entry;
var image=entry.getIn(['data','thumbnail']);
var imageContainer=(image)?h('section',{className:'mdc-card_uuumedia',style:{backgroundImage:'url(${image})`,height:'20rem'},):h('div');
返回h('div',{},
h('div',{className:“blog post”},
图像容器,
h('div',{},
h('h1',{},
h('span',{},entry.getIn(['data','title']))
),
),
h('div',{className:“post body”},
h('div',{},this.props.widgetFor('body'))
)
)
)
}
});
CMS.registerPreviewTemplate(“博客”,PostReview);
确保在cms.js
脚本链接之后包含上述脚本