Can't load CSS/JS on javafx Webview

Question

I am having trouble getting css/js to show up on a Webview.

Here is what I am doing:

initializing the webview and engine

WebView browser = new WebView();
WebEngine webEngine = browser.getEngine();
webEngine.setJavaScriptEnabled(true);

This is where I load html content:

htmlViewImgBtn.addEventHandler(MouseEvent.MOUSE_CLICKED,
    new EventHandler<MouseEven
        @Override
        public void handle(MouseEvent event){

            if (counter == 0){
            contentContainer.getChildren().addAll(browser);
            webEngine.loadContent(export.getHTML(note));
            //browser.getEngine().load("http://stackoverflow.com/questions/34554583/cant-load-css-js-on-javafx-webview");
            contentContainer.getChildren().remove(noteContent);
            counter = 1;
           }

           else {
           contentContainer.getChildren().remove(browser);
           contentContainer.getChildren().addAll(noteContent);
           counter = 0;
           }
       }
});

Note: The commented code works when loading a website onto the webview, no issues. But Still does not work for the content I am loading.

The content (HTML) that is loaded looks looks like this:

<link href="prism.css" rel="stylesheet" type="text/css" />
<script src="prism.js" type="text/javascript"></script>
<pre><code class="language-java">System.out.println("Hello");
</code></pre>

Also, the css and js files are in the same directory as the java file

I can confirm that the html works by loading it on a web browser, What am I missing?

Answer 1

Blockquote

I was able to get it working by modifying the html as such:

"<link href=\"" + getClass().getResource("./prism.css") + "\"" + " rel=\"stylesheet\"" + " type=\"text/css\"" +  " />\n" + 
"<script src=\"" + getClass().getResource("./prism.js") + "\"" + " type=\"text/javascript\"" + "></script>\n" +
(rest of html);

Answer 2

You can use ResourceLoader to load HTML, js and css which are located in the same directory as the Java class.

    URL url = getClass().getResource("index.html");
    webEngine.load(url.toExternalForm());