Home/ Questions/Q 6475181
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T06:40:27+00:00

The following code loads a txt file content in a new tab. But it

  • 0

The following code loads a txt file content in a new tab. But it doesn’t preserve newlines even though the content is inside a <pre> tag:

multiline.html:

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery-1.4.1.min.js"></script>
<script src="js/jquery-ui-1.8.15.custom.min.js"></script>
<link rel="stylesheet" href="js/ui-lightness/jquery-ui-1.8.15.custom.css" type="text/css"></link>
<style>
pre {
  border: 1px red solid !important;
}
</style>
<script>
$(document).ready(function() {
  $("#tabs").tabs({panelTemplate: '<pre></pre>'});
});
</script>
</head>
<body>
  <h3>PRE TAG:</h3>
  <pre>
  Multi
  line
  FTW
  </pre>
  <h3>jQueryUI-loaded PRE TAG:</h3>
  <div id="tabs">
    <ul>
      <li><a href="multiline.txt">Tab</a></li>
    </ul>
  </div>
</body>
</html>

multiline.txt:

I'm line #1
And I'm line #2
Guess what! I'm #3

And woohoo I'm #4 but I wanted to be alone!

As an alternative, I tried to create a jsfiddle, with no success since the browser will yell at me with cross-origin loading error.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    As per jQueryUI ticket #7669, it can’t be done with the tabs widget.

    Remote tabs expect to load HTML, not plaintext.

    • 0