topic Re: Alfresco - View in Browser Html file ignoring style in Alfresco Forum

Alfresco - View in Browser Html file ignoring style

sp2 — Mon, 10 May 2021 05:05:08 GMT

Hi,

I have uploaded html file in documentlibrary.

When I use View in Browser , it is ignoring html style and display plain text only.

it is loading in browser so It should display like normal html file we are opening in browser with style.

Re: Alfresco - View in Browser Html file ignoring style

afaust — Mon, 10 May 2021 08:28:36 GMT

Unfortunately, Alfresco Share has a very aggressive "HTML stripping" functionality to prevent malicious content / hijacking in HTML files, which applies to the "view in browser" feature for HTML files. Essentially, the style markup is transparently removed from the HTML when it is being loaded from the backend, resulting in the plain-text-like display. In one of my modules I circumvent that URL-based handling by mapping a default functionality to a custom URL, and then reconfigure the "view in browser" action in a customer system to use that non-processed URL instead of the default.

Re: Alfresco - View in Browser Html file ignoring style

sp2 — Mon, 10 May 2021 12:34:52 GMT

Please help to achieve that scenario.

How Can I change code?

Is it proper way to override bean?

Re: Alfresco - View in Browser Html file ignoring style

davidzuluaga5 — Tue, 11 May 2021 14:25:01 GMT

Hi Axel! thanks for the input.

I am having the same issue. Could you please point me on the right direction on how to avoid this filters in order for the html files to load correctly?

Thanks!

David

Re: Alfresco - View in Browser Html file ignoring style

jackandru — Wed, 12 May 2021 07:04:36 GMT

i hope can fix the issue please refer to the WebLogic training tutorial.

Re: Alfresco - View in Browser Html file ignoring style

afaust — Wed, 12 May 2021 13:39:06 GMT

I do not advocate changing Alfresco code for this. I primarily advocate mapping the download web script to a different URL (similar to how I do it via a custom web script mapped to a bean extended from the same parent ), and then reconfiguring the view-content action to use a different href that maps to the custom web script (the default viewUrl is calculated here using https://github.com/Alfresco/share/blob/master/share-services/src/main/resources/alfresco/templates/webscripts/org/alfresco/slingshot/documentlibrary/item.lib.ftl#L72 ). E.g. for my web script I would have to configure the following href pattern:

/share/proxy/alfresco/acosix/api/utility/node/slingshot/{node.nodeRef.storeType}/{node.nodeRef.storeId}/{node.nodeRef.id}

If you wanted to eliminate the /share/proxy/alfresco/ prefix and use constants with deployment specific values (technically both "share" and "alfresco" in the prefix could be different in some deployments, but 99.99% stick to the default, and most people probably don't know how it could be changed to begin with), you would have to write a JavaScript based action, register and use it as documented on docs.alfresco.com.

Re: Alfresco - View in Browser Html file ignoring style

sp2 — Thu, 13 May 2021 05:04:55 GMT

I did the same thing but I am getting error like

org.springframework.extensions.webscripts.WebScriptException - 04130115 Web Script format '' is not registered

Step 1 : this path I have created given .xml file with same content for test.

Step 2: Created bean in webscript-context.xml

<?xml version='1.0' encoding='UTF-8'?>
<!DOCTYPE beans PUBLIC '-//SPRING//DTD BEAN//EN' 'http://www.springframework.org/dtd/spring-beans.dtd'>

<beans>
 	<bean id="webscript.de.acosix.acosix-utility.slingshot-content.get" parent="webscript.default" /> 
</beans>

Step 3 : Create javascript base custom action and opening url.

(function() {

	YAHOO.Bubbling
	.fire("registerAction",
					{
						actionName : "viewInBrowser",
						fn : function viewInBrowser(file) {
							console.log(file);
							var contentUrl = Alfresco.constants.PROXY_URI+"acosix/api/utility/node/slingshot/"+file.nodeRef.replace(":/","")+"/"+file.fileName;
							window.open(contentUrl);
						}
					});


})();

Do I need to override all the bean of this file?

Re: Alfresco - View in Browser Html file ignoring style

afaust — Fri, 14 May 2021 11:58:20 GMT

You need to set the parent of the bean to "webscript.org.alfresco.slingshot.download.get". This is done by a dynamic component in my module, but you may simply set it on the existing bean without the dynamic handling (that handling is only in place to be compatible with Alfresco installations where Share Services is not installed)

Re: Alfresco - View in Browser Html file ignoring style

sp2 — Sat, 15 May 2021 06:09:19 GMT

I did the same thing but getting NullPointerException.

2021-05-15 12:46:57,840  ERROR [extensions.webscripts.AbstractRuntime] [http-bio-9090-exec-2] Exception from executeScript - redirecting to status template error: null
 java.lang.NullPointerException
	at org.alfresco.repo.web.scripts.content.ContentGet.execute(ContentGet.java:108)
	at org.alfresco.slingshot.web.scripts.SlingshotContentGet.execute(SlingshotContentGet.java:114)
	at org.alfresco.repo.web.scripts.RepositoryContainer$3.execute(RepositoryContainer.java:505)
	at org.alfresco.repo.transaction.RetryingTransactionHelper.doInTransaction(RetryingTransactionHelper.java:457)
	at org.alfresco.repo.web.scripts.RepositoryContainer.transactionedExecute(RepositoryContainer.java:580)
	at org.alfresco.repo.web.scripts.RepositoryContainer.transactionedExecuteAs(RepositoryContainer.java:649)
	at org.alfresco.repo.web.scripts.RepositoryContainer.executeScriptInternal(RepositoryContainer.java:421)
	at org.alfresco.repo.web.scripts.RepositoryContainer.executeScript(RepositoryContainer.java:301)
	at org.springframework.extensions.webscripts.AbstractRuntime.executeScript(AbstractRuntime.java:378)
	at org.springframework.extensions.webscripts.AbstractRuntime.executeScript(AbstractRuntime.java:209)
	at org.springframework.extensions.webscripts.servlet.WebScriptServlet.service(WebScriptServlet.java:132)
	at javax.servlet.http.HttpServlet.service(HttpServlet.java:728)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:305)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:210)
	at org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:51)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:243)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:210)
	at org.alfresco.web.app.servlet.GlobalLocalizationFilter.doFilter(GlobalLocalizationFilter.java:61)
	at org.apache.catalina.core.ApplicationFilterChain.internalDoFilter(ApplicationFilterChain.java:243)
	at org.apache.catalina.core.ApplicationFilterChain.doFilter(ApplicationFilterChain.java:210)
	at org.apache.catalina.core.StandardWrapperValve.invoke(StandardWrapperValve.java:222)
	at org.apache.catalina.core.StandardContextValve.invoke(StandardContextValve.java:123)
	at org.apache.catalina.authenticator.AuthenticatorBase.invoke(AuthenticatorBase.java:502)
	at org.apache.catalina.core.StandardHostValve.invoke(StandardHostValve.java:171)
	at org.apache.catalina.valves.ErrorReportValve.invoke(ErrorReportValve.java:100)
	at org.apache.catalina.valves.AccessLogValve.invoke(AccessLogValve.java:953)
	at org.apache.catalina.core.StandardEngineValve.invoke(StandardEngineValve.java:118)
	at org.apache.catalina.connector.CoyoteAdapter.service(CoyoteAdapter.java:408)
	at org.apache.coyote.http11.AbstractHttp11Processor.process(AbstractHttp11Processor.java:1041)
	at org.apache.coyote.AbstractProtocol$AbstractConnectionHandler.process(AbstractProtocol.java:603)
	at org.apache.tomcat.util.net.JIoEndpoint$SocketProcessor.run(JIoEndpoint.java:312)
	at java.util.concurrent.ThreadPoolExecutor.runWorker(ThreadPoolExecutor.java:1142)
	at java.util.concurrent.ThreadPoolExecutor$Worker.run(ThreadPoolExecutor.java:617)
	at java.lang.Thread.run(Thread.java:745)

Here I am attching Demo .

Here is bean .

Action Name is View In Browser HTML

Am i doing anything wrong?

@afaust Any Suggestion?

Re: Alfresco - View in Browser Html file ignoring style

afaust — Wed, 02 Jun 2021 13:07:11 GMT

This error is due to the fact that you are calling the web script without any URL parameters. The implementation expects that there is at least one parameter (e.g. the `?a=true` to trigger sending the response with attachment disposition), and does not check for null - so you could say you are simply running into a bug / implementation mistake by an Alfresco developer here.

Re: Alfresco - View in Browser Html file ignoring style

SalmanEdhi — Tue, 24 May 2022 14:52:46 GMT

Hi @afaust ,

i followed the steps as is and I am getting the same null pointer exception but it is not resolved after adding ?a=true.

My URL:

http://localhost:8180/share/proxy/alfresco/acosix/workspace/SpacesStore/d83c8c3c-c7ca-49c8-bdc3-3fdd95b3892b/gran.html?a=true

The LOGS:

my-all-in-one-acs_1 | 2022-05-24 14:43:56,425 ERROR [extensions.webscripts.AbstractRuntime] [http-nio-8080-exec-4] Exception from executeScript: null
my-all-in-one-acs_1 | java.lang.NullPointerException
my-all-in-one-acs_1 | at org.alfresco.repo.web.scripts.content.ContentGet.execute(ContentGet.java:131)
my-all-in-one-acs_1 | at org.alfresco.slingshot.web.scripts.SlingshotContentGet.execute(SlingshotContentGet.java:133)
my-all-in-one-acs_1 | at org.alfresco.repo.web.scripts.RepositoryContainer.lambda$transactionedExecute$2(RepositoryContainer.java:553)
my-all-in-one-acs_1 | at org.alfresco.repo.transaction.RetryingTransactionHelper.doInTransaction(RetryingTransactionHelper.java:450)
my-all-in-one-acs_1 | at org.alfresco.repo.web.scripts.RepositoryContainer.transactionedExecute(RepositoryContainer.java:544)
my-all-in-one-acs_1 | at org.alfresco.repo.web.scripts.RepositoryContainer.transactionedExecuteAs(RepositoryContainer.java:685)
my-all-in-one-acs_1 | at org.alfresco.repo.web.scripts.RepositoryContainer.transactionedExecuteAs(RepositoryContainer.java:721)
my-all-in-one-acs_1

Re: Alfresco - View in Browser Html file ignoring style

afaust — Tue, 24 May 2022 15:35:19 GMT

Unfortunately Alfresco's base class is missing a null check for a technically optional property} URL template fragment. In your case you are not providing it. Though I do not recognise your URL as a valid URL for either the default ContentGet nor my patched one.

Re: Alfresco - View in Browser Html file ignoring style

SalmanEdhi — Wed, 25 May 2022 07:15:38 GMT

Could you please tell me what are template vars and how I can provide them?

This is how it is getting the template vars

Map<String, String> templateVars = req.getServiceMatch().getTemplateVars();

String contentPart = templateVars.get("property");

Also, could you please tell me what is wrong or missing in the URL? because when I clikc on the action "View in Browser HTML", this is the link I get

http://localhost:8180/share/proxy/alfresco/acosix/workspace/SpacesStore/d83c8c3c-c7ca-49c8-bdc3-3fdd95b3892b/gran.html

The URL is different because I copied the project shared by the other member and the webscript configration is as follows:

<webscript>
    <!-- This is just like the default download.get.desc.xml -->
    <!-- Only the URL is remapped to avoid the Slingshot / Share content filtering via the SlingshotRemoteClient -->
    <shortname>DownloadContentTEST</shortname>
    <url>/acosix/{store_type}/{store_id}/{id}?a={attach?}</url>
    <url>/acosix/{store_type}/{store_id}/{id}/content{property}?a={attach?}</url>
    <url>/acosix/{store_type}/{store_id}/{id}/{filename}?a={attach?}</url>
    <url>/acosix/{store_type}/{store_id}/{id}/content{property}/{filename}?a={attach?}</url>
    <format default="">argument</format>

    <authentication>user</authentication>
    <transaction buffersize="4096" allow="readonly">required</transaction>
    <lifecycle>internal</lifecycle>
</webscript>

Re: Alfresco - View in Browser Html file ignoring style

SalmanEdhi — Wed, 25 May 2022 08:01:54 GMT

@afaustI got it to work. So basically, "content" word was required in the url. Otherwise, it does not work

http://localhost:8180/share/proxy/alfresco/acosix/workspace/SpacesStore/d83c8c3c-c7ca-49c8-bdc3-3fdd95b3892b/content/gran.html

Now, I have 2 questions if you could answer please,

1. This is done on the View in browser option, Is this possible to do this for the inline editor view that share provides?

2. If yes, is it advised to do this? My client wants to edit HTML documents from wihtin the inline editor and the document viewer. If this is possible to override, could you please guide me how it could be achieved.

Re: Alfresco - View in Browser Html file ignoring style

afaust — Sat, 28 May 2022 09:41:24 GMT

1. Yes - if you are willing to patch / override source code. I am using the alternative URLs at a customer for a custom inline editor, as I did not only want to alter the URL but also provide more capabilities (using Cloud9 editor).

2. "Advised" is such a subjective word. Depending on your ability to cope / deal with the process of making such customisations, including maintenance on updates etc. it can be either. Editing HTML in the viewer itself I would not advise - it clearly is meant to be a read-only view, and as such should not have editing capabilities unless an expliict "I want to edit now" button is clicked - which is the "Edit Inline" action already present. But I know that in the end customers' wishes have to be met somehow, and one could certainly implement a viewer which can toggle between read/write mode without changing the page, and which transparently saves the changes, and reloads the metadata (which may be changed indirectly by the content update).

Re: Alfresco - View in Browser Html file ignoring style

SalmanEdhi — Tue, 31 May 2022 07:21:24 GMT

The custom inline editor that you have used, is it integrated in share (do you access it from within share) or you are using it as a different system? I managed to get the HTML document to display the correct content, it was not displaying images correctly in both the view document online and the inline-editor. I want to make changes in the inline-editor and provide more functionalities such as uploading videos etc. Can you suggest how that can/should be done using the inline-editor provided by share. For editing the inline-editor would I have to make changes in the source code directly or these changes can also be made using the all-in-one project and the sdk4.1. I see that in the alfresco-share-community they have seperate projects for the web-editor. Also, the inline-edit page opens the editor as a form andthat code is present in web-framework-commons. So the code is mixed up over multiple projects. Could you guide or if possible share any docs on editing/updating the inline-editor.

EDIT:

the inline editor is the tinyMCE editor which alfresco uses. Could you give me any insights on how to extend the functionality of this editor? My exact scenario that I want to achieve is, from within the editor when I click on the add image action, I can select and image from the directory, convert it into base64 and then save it in editor.