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
Cannot close Prismic Toolbar Developing with Prismic nextjs	3	854	December 9, 2021
Edit Button not appearing on Static Next.js Developing with Prismic nextjs	20	1815	June 30, 2022
Prismic Toolbar questions Developing with Prismic	7	1289	August 24, 2022
Preview Exit does not work in Preview ToolBar Developing with Prismic nextjs	6	1072	December 9, 2021
NextJS Prismic Toolbar/Exiting Previews Developing with Prismic nextjs	3	822	December 9, 2021

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

Related Topics