Manage Content Button not working if not using Experience Manager?

TimoPot · December 7, 2023, 8:01am

Hi there,

We are using:

PaaS
Content (not the Experience Manager)
Angular SDK

I’m trying to use the Manage Content Button as described on @bloomreach/ng-sdk - npm
It doesn’t say it can work for Experience Manager only.

But I can’t get it to work. I want a button to show so that the editors can edit the current visible document in the preview.
Is there a way to achieve this or is the Manage Content Button only to be used when one is using the Experience Manager?

Thx.

Timo Pot

Is it possible to

jasper.floor · December 7, 2023, 9:41am

Hi @TimoPot,

the manage content button can indeed only be used in the experience manager.

TimoPot · December 14, 2023, 6:00pm

Then I’d like to maken an feature request to enable it also for when using the content editor only.

jeroen.hoffman · December 15, 2023, 3:14pm

Hi Timo,

You’re saying that you use the content editor only and not the Experience Manager (a.k.a. preview), so I’m wondering what the ask is. The Manage Content Button is rendering special markup in your site implementation which is then picked up by the preview, so it lives only there.

Are you maybe asking for a button in the content perspective to open the Experience Manager with the right side panel open on that document?

Regards, Jeroen

TimoPot · December 16, 2023, 12:53pm

Yes we’re using the content editor only and not the Exp. manager.

And when using the content editor we still can open the preview.
In the preview can navigate to other pages. So what I’m asking for is a button
that opens the content editor for the url that is currently visible in the preview.

My coworkers who edit the site would benefit greatly it that was possible.
Now they have to lookup the page they want to edit.

machak · December 18, 2023, 10:42am

You should be able to create a link when you are in preview mode ( Detect Preview or Channel Manager Request Context - Bloomreach Experience Manager (PaaS/Self-Hosted) - The Fast and Flexible Headless CMS )
and set target attribute to _top…

We used to have a tag for this in previous versions, before visual editing was intrduced:

github.com

bloomreach/brxm/blob/brxm-12.6.26/site-toolkit/client/src/main/java/org/hippoecm/hst/tag/HstCmsEditLinkTag.java

/*
 *  Copyright 2009-2016 Hippo B.V. (http://www.onehippo.com)
 * 
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 * 
 *       http://www.apache.org/licenses/LICENSE-2.0
 * 
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */
package org.hippoecm.hst.tag;

import java.io.IOException;
import java.util.HashMap;
import java.util.List;

This file has been truncated. show original

TimoPot · December 22, 2023, 11:01am

But we don’t use templating.
We have a headless cms setup.
Cms: only the content editor which has a preview button so we can show our FE in the preview.
FE: Angular

machak · December 22, 2023, 1:10pm

A link is a link, no? How/where you render it is not really relevant…

TimoPot · January 3, 2024, 7:01am

True. But can we detect in our headless front-end that we are in preview mode?

TimoPot · January 4, 2024, 8:43am

I’ve already figured out how to see that you’re in preview mode.

I added a link to my page. Clicking it will activate the link to the same page in the content-editor.
I use target=“_parent” in the a tag. Thus I want to open the page in the active tab so that I remain in current browser tab with the cms. That is the most logic thing to do.

Unfortenately it does not work. The preview is an iframe in which our headless FE is served. Because it is headless is has an other domain (other portnumer). Opening the link in _parent is blocked because of cross-domain security.
The only thing I can do now is open the link in a new browser tab.
Of course this is not what one want because now I open a new browser tab with the cms while I already have a browser tab with the cms.

Is there a way to overcome this issue?
If not then I again ask for a feature request to solve above problem.

machak · January 4, 2024, 11:58am

You will need to add “X-Frame-Options: ALLOW-FROM https://foo.com/”
(where foo.com is your SPA domain).
see:
Configure Security Response Headers - Bloomreach Experience Manager (PaaS/Self-Hosted) - The Fast and Flexible Headless CMS

BTW: I believe that using _parent as target will render URL within navapp frame,most probably you will need to use _top for the target attribute.

Regarding feature request: you can file an issue in JIRA: https://issues.onehippo.com/projects/CMS/
I am not sure how much attention it will get because this functionality is explicitly removed in favor of “in-channel/inline” editing.

TimoPot · January 4, 2024, 12:42pm

Thanks. It works now, and yes with _top.

You said: ‘I am not sure how much attention it will get because this functionality is explicitly removed in favor of “in-channel/inline” editing.’

I’m confused. Bloomreach is promotion headless solution and it is what they adviced us to do.
But the headless part cannot work under /site (or we don’t know how.)

TimoPot · January 4, 2024, 12:47pm

btw:
ALLOW-FROM origin Deprecated
This is an obsolete directive. Modern browsers that encounter response headers with this directive will ignore the header completely. The Content-Security-Policy HTTP header has a frame-ancestors directive which you should use instead.

Will it work with CSP frame-ancestors?

Topic		Replies	Views
Experience manager preview not working in some cases Experience Manager (PaaS/OnPrem)	11	66	April 25, 2024
How can I enable new page creation in the page button in the experience manager for a channel Experience Manager (PaaS/OnPrem)	3	242	November 6, 2023
Workspace Experience Manager doesn´t work in Production enviorement Experience Manager (PaaS/OnPrem)	1	434	April 22, 2021
Add a custom button in the CMS UI Experience Manager (PaaS/OnPrem)	0	415	September 27, 2020
React Preview. I can´t see Experience Manager Menu Options Experience Manager (PaaS/OnPrem)	2	423	April 5, 2021

Manage Content Button not working if not using Experience Manager?

Related Topics