strapi-plugin-website-preview
v1.0.8
Published
Strapi plugin used to preview a page that are building through custom field.
Downloads
394
Readme
Getting Started
The plugin can be used in strapi version above 4.4 (versions that support custom fields).
To Install
Go into your strapi project.
Run the npm command
npm i strapi-plugin-website-preview or yarn add strapi-plugin-website-preview
The plugin will be added to your strapi project.
Inorder to achieve the url of the website developing it must be specified in the .env file as STRAPI_ADMIN_FRONT_END_URL. This url need to be the base url of the website.
Adding & Accessing URL
Add this to the
STRAPI_ADMIN_FRONT_END_URL="YOUR_BASE_URL_HERE"
.env file of your project.Run the command
npm build or yarn build
How To Use
Create a new field form a content type.
Select custom fields.
Page Preview field will appear there.
Select this field and name it accordingly ("page_preview" is used commonly for more understanding) and save.
Select the content type from the content manager.
Add end point of the page in the page_preview field and save.
Click on the preview button then the page will be pop up.
How To Add URL
To Add an external url you will need to alter the middleware.js file as follows.
Add this code into config/middlewares.js
module.exports = [
'strapi::errors',
{
name: "strapi::security",
config: {
contentSecurityPolicy: {
useDefaults: true,
directives: {
'frame-src':["'self'","https://www.wikipedia.org/"],
'frame-ancestors': null,
upgradeInsecureRequests: null,
},
},
frameguard: false,
},
},
'strapi::cors',
'strapi::poweredBy',
'strapi::logger',
'strapi::query',
'strapi::body',
'strapi::session',
'strapi::favicon',
'strapi::public',
];