Set Text Color in WebView using Java and JavaFX

Question

Using JavaFX I created a button in a Scene that opens output.txt file. Now, the issue when I try to open the txt file from the webView I see the display color is light gray. How can I force the color to be black or anything else.

WebView web = new WebView();
 Scene helpScene = new Scene(web, 800, 750);
 Stage helpStage = new Stage();
 helpStage.setScene(helpScene);
 File readMe = new File("output.txt");
 web.getEngine().load(readMe.toURI().toString());
 helpStage.show();

Here is a screenshot of how the text looks like.

You might want to take a look at stackoverflow.com/questions/32783532/…. However as the content you are loading is not HTML, I am unsure if this will work. — hotzst
– hotzst, Commented Dec 17, 2015 at 14:54
Why not load HTML? With html it's a simple CSS edit. (Just asking...) — Lakatos Gyula
– Lakatos Gyula, Commented Dec 17, 2015 at 15:00

fabian · Accepted Answer · 2015-12-17 16:08:42Z

2

Create a stylesheet and add it as user stylesheet to the WebEngine.

E.g. to color the text blue:

body {
    color: blue;
}

Assuming the relative location to the class that contains the code is style.css you can add the stylesheet like this:

web.getEngine().setUserStyleSheetLocation(getClass().getResource("style.css").toString());

answered Dec 17, 2015 at 16:08

fabian

82.9k12 gold badges99 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Moe Over a year ago

Thanks for pointing out the body syntax. my css had JavaFX css formate -fx-background-color.. which it didn't take effect.

fabian Over a year ago

@Moe: James_D explains this in his answer here: stackoverflow.com/a/32785852/2991525 . Unfortunately he does the code injection thing too in his code, which think is a bit ugly compared to just adding a user stylesheet.

Lakatos Gyula · Accepted Answer · 2015-12-17 15:07:17Z

0

You can always inject a css into the WebView. Try something like this:

webView.getEngine().getLoadWorker().stateProperty().addListener(
    new ChangeListener<State>() {
        @Override
        public void changed(ObservableValue<? extends State> ov, State oldState, State newState) {
            if (newState == State.SUCCEEDED) {
                webView.requestFocus();

                //Maybe this
                //webView.getEngine().setUserStyleSheetLocation(getClass().getResource("style.css").toExternalForm());

                //Or this
                Element maincontainer = (Element) webView.getEngine().executeScript("document.getElementsByTagName('body')");
                maincontainer.setAttribute("style", "color: black"));
            }
        }
    });

It's untested so be aware of that.

answered Dec 17, 2015 at 15:07

Lakatos Gyula

4,1907 gold badges38 silver badges61 bronze badges

1 Comment

Moe Over a year ago

both of them are not working. maincontainer.setAttribute("style", "color: black")); setAttribute cannot find symbol

Collectives™ on Stack Overflow

Set Text Color in WebView using Java and JavaFX

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related