Visualizador MXML - Abra e edite arquivos MXML online

Visualize, edite e analise arquivos MXML online: explore os dados em estrutura de árvore, formate e valide direto no seu navegador.

Cole ou carregue um arquivo MXML e este visualizador renderiza imediatamente o markup do Adobe Flex como uma árvore interativa e recolhível, mostrando cada tag de componente, atributo e filho aninhado. Valida a sintaxe XML enquanto você digita, formata o MXML minificado para facilitar a leitura e permite copiar ou baixar o resultado. Todo o processamento ocorre localmente no navegador, sem enviar dados a servidores.

Entrada MXML

0 caracteres

Visualizador MXML

Insira MXML para ver a estrutura

Insira MXML para ver a estrutura

Principais recursos

  • ✓Visualização de árvore: Navegue facilmente por estruturas MXML complexas com uma visualização de árvore recolhível.
  • ✓Validação: Valide automaticamente sua sintaxe MXML enquanto digita.
  • ✓Privacidade primeiro: Todo o processamento acontece localmente no seu navegador.
  • ✓Formatação: Embeleze MXML minificado para melhor legibilidade.

Três arquivos diferentes com a extensão .mxml

A extensão sozinha não diz qual programa criou o arquivo. Arraste-o para o visualizador acima e observe o elemento raiz: é o jeito mais rápido de identificar o tipo.

OrigemO que o arquivo guardaComo reconhecerO que dá para fazer aqui
Apache Flex (a Adobe o levou para a incubadora da Apache em 2011)O layout da interface de um aplicativo Flex; junto com ActionScript, o compilador gera um SWF ou um aplicativo AIRElemento raiz como <s:Application> declarando xmlns:fx="http://ns.adobe.com/mxml/2009" (a partir do Flex 4)Navegar pela árvore de componentes e atributos; a interface em si não é desenhada — isso exige o compilador do Flex
Log de eventos de mineração de processos (Mining eXtensible Markup Language, 2003)Execuções registradas de um processo: casos e seus eventos; era o formato nativo do ProM até a chegada do XES (IEEE 1849)<WorkflowLog> → <Process> → <ProcessInstance> → <AuditTrailEntry>, com <WorkflowModelElement>, <EventType>, <Timestamp> e <Originator>Expandir casos e eventos um a um; a análise de processos é feita no ProM
Arquivos de configuração do No Man's SkyConfigurações do jogo na pasta Binaries/SETTINGS, como GCMODSETTINGS.MXML (ordem de carregamento dos mods e a chave DisableAllMods) e TKGRAPHICSSETTINGS.MXML (gráficos)<Data template="…"> com pares <Property name="…" value="…">; nomes de arquivo geralmente em maiúsculasLer e alterar valores; o download sai como formatted.mxml, então renomeie antes de substituir o arquivo do jogo

Programas para abrir arquivos .mxml

O registro de tipos de mídia da IANA não tem um tipo próprio para MXML; como o conteúdo é XML, servidores e navegadores o tratam como application/xml ou text/xml (RFC 7303).

ProgramaPlataformaO que faz com .mxmlSituação
Qualquer editor de texto puro (Bloco de Notas, TextEdit, VS Code etc.)Windows / macOS / LinuxAbre, edita e salva os três tipos como texto XMLJá vem no sistema ou é gratuito
Apache Flex SDK (compilador mxmlc)Linha de comandoCompila MXML do Flex e ActionScript em SWF ou empacota como aplicativo AIRProjeto de primeiro nível da Apache desde dezembro de 2012; SDK 4.16.1 lançado em novembro de 2017. O Flash Player deixou de ter suporte nos navegadores no fim de 2020; a saída para AIR continua suportada
Extensão ActionScript & MXML para VS Code (Bowler Hat)Windows / macOS / LinuxAutocompletar, refatoração e depuração com breakpoints em MXML; fluxos com Adobe AIR, Flash Player e Apache RoyaleCódigo aberto, mantida pela comunidade
Moonshine IDEDesktop e nuvemIDE gratuita e de código aberto para AS3, Apache Flex, Apache Royale e FeathersGratuita e de código aberto
Adobe Flash BuilderBaseado no EclipseAntiga IDE oficial do Flex; antes da versão 4 se chamava Flex BuilderÚltima versão 4.7 (dezembro de 2012); o suporte principal da Adobe acabou em 2017 e o estendido em 2019
ProMAplicativo desktop em JavaFramework de mineração de processos; as primeiras versões liam MXML, depois substituído pelo XESCódigo aberto (núcleo GPL, plugins em geral LGPL)

Como usar o Visualizador MXML

  1. 1

    Carregue ou cole seu MXML

    Arraste um arquivo .mxml para a área de upload ou cole seu markup Adobe Flex diretamente no painel de entrada.

  2. 2

    Veja a estrutura

    O visualizador analisa o markup e o renderiza como uma árvore interativa e recolhível para navegar por componentes, atributos e filhos aninhados.

  3. 3

    Formate e valide

    Use o botão Formatar para embelezar o MXML minificado; o XML inválido é sinalizado imediatamente para que você corrija os erros de sintaxe antes de exportar.

  4. 4

    Copie ou baixe

    Copie o MXML formatado para a área de transferência ou baixe-o como arquivo para usar no seu projeto Flex.

Referências

Ferramentas relacionadas

Perguntas Frequentes

O que é MXML?
MXML é uma linguagem de marcação de interface de usuário baseada em XML usada pelo framework Adobe Flex para declarar componentes, containers e vinculações de dados em aplicações de internet ricas.
Meus dados MXML estão seguros?
Sim. Todo o processamento ocorre no seu navegador via JavaScript. Nenhum dado é enviado aos nossos servidores, portanto seu MXML nunca sai do seu dispositivo.
Como usar o editor de MXML online?
Carregue ou cole seu arquivo MXML para exibi-lo na árvore. Você pode editar diretamente no editor, clicar em Formatar para reorganizar o código e depois copiar ou baixar o resultado final.
Posso formatar MXML minificado com essa ferramenta?
Sim. O botão Formatar reindexa e embeleza o MXML minificado ou em linha única, tornando a hierarquia de componentes fácil de ler antes de copiar ou baixar.
Que tipos de arquivo posso abrir?
Você pode carregar arquivos .mxml ou colar qualquer markup XML bem formado. Como o MXML é construído sobre XML, a visualização em árvore e o formatador também funcionam com trechos XML genéricos.