How to Remove / Hide edit button on head ( FE ) . Pressing close (x) starts refreshing the page nonstop

Ujjwal · September 25, 2020, 9:29am

How can i remove / hide the edit button on frontend. Also help me understand why page starts refreshing infinitely after pressing the close ( X ) present along with edit button

Phil · September 25, 2020, 4:18pm

This is an open issue with chrome that we are discussing here (we will push a fix soon):
https://community.prismic.io/t/cant-close-the-preview-module/1707/13

Ujjwal · September 28, 2020, 11:51am

I was more interested in knowing the way to hide/remove it from head , i don't need it there cause it is shown on all the pages of my web although i'm only using prismic for few pages.
Note: I just want to hide/remove this preview module but i need preview functionality.

Phil · September 28, 2020, 12:53pm

Hi,

My error sorry. Unfortunately there is no way to hide/remove the preview module and still maintain preview functionality.

Though if you are only using prismic on a few pages you could add it just in those templates in your projects and the 404 page.

What technology are you building your project in?

Ujjwal · September 28, 2020, 1:17pm

ReactJs, is the technology. is there an example ?

Phil · September 28, 2020, 2:22pm

So in our react website example we import the Helmet everywhere in the App.js file and define the toolbar script, but if you remove it from here and add it only in the Pages that use Prismic and the 404, then you will only have it on Prismic pages.

github.com

prismicio/reactjs-website/blob/master/src/App.js

import React, { Fragment } from 'react';
import { Helmet } from 'react-helmet';
import {
  BrowserRouter,
  Route,
  Switch
} from 'react-router-dom';
import { HomePage, NotFound, Page, Preview } from './pages';
import { apiEndpoint } from './prismic-configuration';

const App = () => {
  const repoNameArray = /([^/]+)\.cdn.prismic\.io\/api/.exec(apiEndpoint);
  const repoName = repoNameArray[1];

  return (
    <Fragment>
      <Helmet>
        <script async defer src={`//static.cdn.prismic.io/prismic.js?repo=${repoName}&new=true`} />
      </Helmet>
      <BrowserRouter>

This file has been truncated. show original

Let me know if this works.

system · September 30, 2020, 8:33am

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Can't close the Preview module (Chrome) Developing with Prismic	13	2618	October 15, 2020
Cannot close Prismic Toolbar Developing with Prismic nextjs	3	905	December 9, 2021
Edit Button not appearing on Static Next.js Developing with Prismic nextjs	20	2011	June 30, 2022
Prismic Preview Pop-up Developing with Prismic	1	236	March 15, 2023
Prismic Toolbar questions Developing with Prismic	7	1459	August 24, 2022

How to Remove / Hide edit button on head ( FE ) . Pressing close (x) starts refreshing the page nonstop

Related topics