Compartir a través de

Mostrar contenido de Markdown

Anterior: Resultados del comando

Hasta ahora, solo hemos mostrado cómo mostrar una lista de comandos en un listPage. Sin embargo, también puede mostrar contenido enriquecido en su extensión, como markdown. Esto puede ser útil para mostrar la documentación o una vista previa de un documento.

Trabajar con contenido de Markdown

IContentPage (y su implementación del kit de herramientas, ContentPage) es la base para mostrar todos los tipos de contenido enriquecido en la paleta de comandos. Para mostrar el contenido de Markdown, puede usar la clase MarkdownContent .

Como ejemplo sencillo, podemos crear la página siguiente:

Nota:

Si trabaja desde secciones anteriores, modifique el código siguiente de MarkdownPage a <ExtensionName>Page.

public class MarkdownPage : ContentPage
{
    public MarkdownPage()
    {
        Icon = IconHelpers.FromRelativePath("Assets\\StoreLogo.png");
        Title = "Markdown page";
    }

    public override IContent[] GetContent()
    {
        return [
            new MarkdownContent("# Hello, world!\n This is a **markdown** page."),
        ];
    }
}

En este ejemplo, se crea una nueva markdownPage que muestra una cadena markdown simple. La clase MarkdownContent toma una cadena de contenido de Markdown y la representa en la paleta de comandos.

También puede agregar varios bloques de contenido a una página. Por ejemplo, puede agregar dos bloques de contenido de Markdown:

public override IContent[] GetContent()
{
    return [
        new MarkdownContent("# Hello, world!\n This is a **markdown** page."),
        new MarkdownContent("## Second block\n This is another block of content."),
    ];
}

Esto le permite mezclar y hacer coincidir diferentes tipos de contenido en una sola página.

Adición de comandos

También puede agregar comandos a contentPage. Esto te permite agregar comandos adicionales que el usuario puede invocar dentro del contexto del contenido. Por ejemplo, si tuviera una página que mostrara un documento, podría agregar un comando para abrir el documento en el Explorador de archivos:


public class MarkdownExamplePage : ContentPage
{
    public MarkdownExamplePage()
    {
        Icon = new("\uE8A5"); // Document icon
        Title = "Markdown page";
        Name = "Preview file";

        Commands = [
            new CommandContextItem(new OpenUrlCommand("C:\\Path\\to\\file.txt")) { Title = "Open in File Explorer" },
        ];
    }
    public override IContent[] GetContent()
    {
        return [
            new MarkdownContent("# Hello, world!\n This is a **markdown** document.\nI live at `C:\\Path\\to\\file.txt`"),
        ];
    }
}

Siguiente: Recibir la entrada del usuario mediante formularios

Contenido relacionado