✨ [Free] NoFileHtml - view html without files

Extensions
11

I am assuming that all these "views" are contained on the same single html page with the script code and css and all the answers are similarly contained ? The webviewer cannot handle local storage....

12

Yeah everything that need to make it work is in the code.

13

I guess without seeing the html file it will be difficult to advise further. You can always send it to me in a PM.

14

Sure, sending u the file

Ahh I can't DM you can u please DM :slightly_smiling_face:

1 Like
15

Done sent you a message.

1 Like
16

The solution here is to remove any/all html comments

<!-- ... -->

and javascript comments

// comment

from the html, and to use the NoFileHtml extension.

For some reason, the text block does not handle these well causing the webviewer to try to parse them as either html or javascript.

1 Like
17

Yeah right, Thanks for your support @TIMAI2 :hugs:

18

I like this extension Tim! Great job!

I required this so thanks :smiley:

19

25 posts were split to a new topic: Google Search with NoFileHtml extension

20

A post was merged into an existing topic: Google Search with NoFileHtml extension

23

It works on Android 11!!! :blush: Thank You!!!

1 Like
24

not working can you please check

player.html.txt (9.0 KB)

25

Remove all your comments, e.g. // play, from your javascript, then try again.

See

✨ [Free] NoFileHtml - view html without files - #16 by TIMAI2

(I have now updated the first post with this information)

2 Likes
27

can i have its code

28

Sure:

package uk.co.metricrat.nofilehtml;

import android.util.*;
import android.webkit.*;
import com.google.appinventor.components.annotations.SimpleFunction;
import com.google.appinventor.components.runtime.*;
import java.io.*;
import java.io.File;

import static org.acra.ACRA.LOG_TAG;

public class NoFileHtml extends AndroidNonvisibleComponent {

  public NoFileHtml(ComponentContainer container) {

    super(container.$form());
  }
  private String filePath;

  @SimpleFunction(description = "presents html text in a webviewer")
  public void NoFileHtml(String html, WebViewer webViewer) {

    //give webviewer file access for Kodular users
    WebView webView = (WebView)webViewer.getView();
    webView.getSettings().setAllowFileAccess(true);
    webView.getSettings().setAllowFileAccessFromFileURLs(true);
    webView.getSettings().setAllowUniversalAccessFromFileURLs(true);
    webView.getSettings().setAllowContentAccess(true);

    //create html file
    try {
      java.io.File file = File.createTempFile("display", ".html");
      filePath = file.getAbsolutePath();
      FileWriter filewriter = new FileWriter(file);
      filewriter.write(html);
      filewriter.close();
      file.deleteOnExit();
    } catch (IOException e) {
      Log.e(LOG_TAG, "IOException", e);
    }
    //show html
    webViewer.GoToUrl("file://" + filePath);


  }





}
1 Like
29

building extension from https://ide.niotron.com/ gives error

30

It's a Rush project. To compile it from the Niotron IDE you need to add required annotations.

@DesignerComponent
@SimpleObject

31

oh ok

32

Great extension! Thanks!

Improved Security in NoFileHtml:
- Old: Used temporary files and deprecated WebView permissions (setAllowFileAccess, setAllowFileAccessFromFileURLs).
+ New: Direct HTML rendering using loadDataWithBaseURL with minimal WebView settings. Removed all file operations.
Goal: Prevent security vulnerabilities while maintaining full HTML rendering functionality.

package uk.co.metricrat.nofilehtml;

import android.util.Log;
import android.webkit.WebView;
import android.webkit.WebSettings;
import android.webkit.WebViewClient;
import com.google.appinventor.components.annotations.DesignerComponent;
import com.google.appinventor.components.annotations.SimpleFunction;
import com.google.appinventor.components.runtime.AndroidNonvisibleComponent;
import com.google.appinventor.components.runtime.ComponentContainer;
import com.google.appinventor.components.runtime.WebViewer;

@DesignerComponent(
    version = 2,
    description = "Renders HTML content directly in a WebViewer without using temporary files",
    nonVisible = true,
    iconName = "icon.png"
)
public class NoFileHtml extends AndroidNonvisibleComponent {
    
    public NoFileHtml(ComponentContainer container) {
        super(container.$form());
    }
    
    @SimpleFunction(description = "Renders HTML content safely in a WebViewer")
    public void NoFileHtml(String string, WebViewer webViewer) {
        try {
            final WebView webView = (WebView) webViewer.getView();
            
            // Configuração mínima necessária
            WebSettings settings = webView.getSettings();
            settings.setJavaScriptEnabled(true);
            
            // Configura um WebViewClient básico para melhor controle
            webView.setWebViewClient(new WebViewClient());
            
            // Carrega o conteúdo diretamente
            webView.loadDataWithBaseURL(
                null,                                    // baseUrl
                string,                                  // data
                "text/html; charset=UTF-8",             // mimeType
                "UTF-8",                                // encoding
                null                                    // historyUrl
            );
            
        } catch (Exception e) {
            Log.e("NoFileHtml", "Error rendering HTML content", e);
        }
    }
}
4 Likes
33

Nice revision @Passos_0213 :tada:

I compiled an aix (on RUSH) for others to test:

uk.co.metricrat.nofilehtmlV2.aix (4.6 KB)

(may/may not work on Kodular ?)

1 Like