Netlify CMSプレビューに表示されていないウィジェットを追加します。

Question

ユーザがエディタにテキスト値を入力できるが、右側のプレビューには表示されないバックエンドウィジェットタイプはありますか？

私は箱の外の例から、この構成があります。

- label: "Blog" 
    name: "blog" 
    folder: "_posts/blog" 
    create: true 
    fields: 
    - {label: "Title", name: "title", widget: "string"} 
    - {label: "Publish Date", name: "date", widget: "datetime"} 
    - {label: "Featured Image", name: "thumbnail", widget: "image"} 
    - {label: "Body", name: "body", widget: "markdown"} 

を私は公開日がプレビューに表示したくありません。

Answer 1

Netlify CMSでは、プレビューをカスタムにして、プレビューで必要なものを含めるか除外することができます。ページレイアウトを模倣し、ビルドからスタイルシートを使用してWYSIWYGレイアウトを作成します。

Click here for Custom Preview Template docs

あなたが

<script> 
var PostPreview = createClass({ 
    render: function() { 
    var entry = this.props.entry; 
    var image = entry.getIn(['data', 'thumbnail']); 
    var imageContainer = (image) ? h('section', {className: "mdc-card__media", style: {backgroundImage: `url(${image})`, height: '20rem'}},) : h('div'); 
    return h('div', {}, 
     h('div', { className: "blog-post" }, 
     imageContainer, 
     h('div', { }, 
      h('h1', { }, 
      h('span', { }, entry.getIn(['data', 'title'])) 
     ), 
     ), 
     h('div', {className: "post-body"}, 
      h('div', { }, this.props.widgetFor('body')) 
     ) 
    ) 
    ) 
    } 
}); 

CMS.registerPreviewTemplate("blog", PostPreview); 
</script> 

は、上記のスクリプトが含まれていることを確認しますCMSのフォルダにindex.htmlに次のようなものを持っているかもしれませんcms.jsスクリプトリンクAFTER