Link from the front end to the edit page

Developer help
1

Hi,

Is this possible (if I’m logged in as an admin) to edit more easily when seeing the post in the front-end?

eg if I’m reading and article on example.com/cool_post and I notice a typo, I’d want to have a single “edit” button that would redirect me to example.com/ghost/#/editor/post/{{guid}}

I’d imagine an helper {{edit_post}} that

  • check if I’m an authenticated user
  • check if I have the right to edit the post
  • find the guid
    and generate the link

Does it exist already and I missed it?

What would be the process to contribute it?

2

Kind of! If you add /edit to the url, you’ll get redirected -

e.g. https://demo.ghost.io/welcome/ → https://demo.ghost.io/welcome/edit

3 Likes
4

cool, it’s getting closer :wink:

and is there a way to easily see if the user if authenticated?

5

No, the front end is designed to be fully cacheable, in addition to the admin section being completely isolated

6

Ah! makes sense, especially that I will probably use gatsby for the definitive front-end :stuck_out_tongue_winking_eye:

I did check if a cookie was set on the normal front end, but it isn’t the case, ghost-admin-api-session is only there if under /ghost. It’s the kind of attention to details that you have (or that the framework you chose has) that impresses me!

Thanks for your super fast replies

7

hey @tttp, were you ever able to find a way to directly get from a live post url to the editor?

For me, I’m currently seeing (fyi we are using a subdirectory setup):

https://website.com/articles/article-title/

Adding /edit to the end redirects to:
https://website.com/articles/ghost/editor/post/id/

This is almost correct, but it’s missing the /#/ slug that we need for the editor. If I manually add that part:
https://website.com/articles/ghost/#/editor/post/id/

Then it now redirects to the editor at:
https://site-name.ghost.io/articles/ghost/#/editor/post/5e45ab6bc474bb00380b53ea/

Anyone found a simpler way to get from a live post url to the editor?

8

@Eric_Morgan I’ve found 2 different Chrome Extensions that provide buttons in the top of your browser along side the search bar. Clicking them while you are on a page in your Ghost site automatically opens that page in editing mode (or first to your login page if you are not already logged in):

ghost-chrome-extension-buttons
ghost-chrome-extension-buttons986×1128 137 KB

The second one (on the right) in the image below you can find here:

ghost-chrome-extensions
ghost-chrome-extensions1483×403 39.9 KB

As for the first one (on the left), I have it installed, and it has this extra setting:

Screenshot 2020-02-19 at 1.25.13 PM
Screenshot 2020-02-19 at 1.25.13 PM942×738 12.5 KB

However the links to that first extension arrive at an error page. I did find another option that might very well be an updated version of that first one (I’d be interested to know what this provides, if you can find a download for it):

9

Here’s a working link to the Ghost Edit Button Chrome Browser Extension