How to display "view" with XML file?

Oh, how ridiculously I formulated the question)) I’ll try in more detail. I have a route:

Route::get('/parsers/settings/{id}', [AdminParserController::class, 'settings'])
   ->where('id', '[0-9]+')
   ->name('parsers::settings');

Then I select the required element from the XML file and convert it to a string:

$xml = simplexml_load_file($model->url);
$exampleElement = $xml;
foreach (explode("->", $model->path) as $prop) {
   $exampleElement = $exampleElement->$prop;
}
$exampleString = $exampleElement->asXML();

return view('admin.parser.settings', [
   'model' => $model,
   'exampleElement' => $exampleString,
]);

In view I display this element like this:

{{$exampleElement}}

And in the blade I want to display this element. Since this is a regular string, it is displayed incorrectly. I need to style the output somehow.

return response($exampleString, 200, [
   'Content-Type' => 'application/xml'
]);

If you do this, it will be displayed as it should. But I need to somehow transfer this to the view.

kokoshneta

2 years ago

Level 27

The reason it displays ‘proper’ when you use response() is because your browser has its own XSLT rules that uses to present plain XML. Not all browsers even have this; some may just display it as plain text.

There is no way to ‘transfer’ the browser’s built-in XML styles to a view: the the transformation of XML data to a display view via XSLT rules happens in the browser on the client side, whereas your code and your view are evaluated on the server, with no access to the browser.

You’d have to include your own XSLT to style the XML content as you desire.

Rediska

2 years ago

Level 1

@kokoshneta

How can I do this?
This not only adds XML styles, but also converts the string into a full-fledged HTML document with its own structure.

kokoshneta

2 years ago

Level 27

@Rediska Yes, it would have to be a complete HTML string with styles applied if you want it to look like what the browser shows you for plain XML files. After all, what the browser shows you there is also a complete document with styles applied, it’s just applied seamlessly by the browser.

I’m sure there must be some packages for converting XML data to pretty HTML, but as I’ve never had to do this myself, I don’t know of any.

Rediska

2 years ago

Level 1

@kokoshneta I can assume that you need to somehow pass the header to the header: 'Content-Type' => 'application/xml'.

Because this way it loads as needed.

return response($exampleString, 200, [
   'Content-Type' => 'application/xml'
]);

But I don’t know how to transfer this to view.

Rediska

2 years ago

Level 1

@kokoshneta By the way, a good example is on this site =) The code between the symbols (```) is displayed as needed))

kokoshneta

2 years ago

Level 27

@Rediska No, you don’t want the XML header. That header tells the browser that the entire document is an XML file, so the browser applies its own built-in styling to the whole page. If you want it to be part of a view, it’s not the whole page, and you don’t want the browser to start treating your entire view as one big lump of XML (especially because it wouldn’t be valid XML, so the page would probably not display at all).

The code blocks here are pure HTML. It’s using some Markdown package or other to convert content between triple backticks to HTML interpreted as code. That package goes through all the text and analyses it for specific keywords to indicate which programming language it most likely is, and then it uses regex to apply various styles to different words and structures, wrapping it all in divs and containers styled to make it look like a real code block. It is not just transferring something to a view ‘as code’.

The same thing happens when you dd() something in Laravel. That uses Symfony’s VarDumper package to examine the data you’re dumping and then create a recursively openable/collapsible HTML view representing that data. You can see in the source for the HTML dumper just how much code it takes to generate that HTML layout.

You would have to do the same with your XML content here.

1 like

Please or to participate in this conversation.