Visor de archivos

Visor de archivos que detecta automáticamente. Acepta una FileSource (URL / base64 / bytes) y enruta al renderizador correcto por categoría: imagen (delega a ImageViewer), markdown (pestaña Vista previa / Fuente), texto (highlight.js coloreado), incrustado (PDF y otros tipos renderizables en navegador mediante <iframe>), zip (árbol + visor anidado para la entrada seleccionada) y no soportado (mensaje de información). La detección prefiere el MIME de la fuente, de lo contrario la extensión del archivo.

Fuente de la imagen

Los tipos de imagen delegan a ImageViewer con Framed + Downloadable chrome.

Ejemplo de reacción

Ejemplo de Blazor

React TypeScript

Razor

var source = new FileSource.Bytes(bytes) { FileName = "readme.md" };

# Hello FileViewer

The **FileViewer** picks a renderer per file kind.

- Images flow through `ImageViewer`.
- Markdown picks up Markdig.
- Text/code is coloured with highlight.js.
- Zip archives expand to a tree.

```csharp
var source = new FileSource.Bytes(bytes) { FileName = "readme.md" };
```

{
  "name": "ImageViewer",
  "features": ["rotate", "zoom", "flip", "crop"],
  "version": "1.0"
}