Melhores Bibliotecas MarkdownView do Android – 2021 - Exemplos de Android
junho 12, 2021 144 0
Melhores Bibliotecas MarkdownView do Android – 2021
Se você está pensando ou exibindo conteúdo longo em seu aplicativo, por exemplo, um post no blog, então você precisa pensar e planejar como esse conteúdo será apresentado. Mesmo que seja possível usar uma visualização de texto, você terá dificuldade para personalizar a conta para recursos como links, cores, cabeçalhos, etc. O TextView não é um bom caminho a seguir. Isso nos deixa com duas opções: webview ou markdown.
Neste post, vamos olhar para o markdown. Note que a maioria das bibliotecas de Markdown são realmente construídas a partir do WebView.
Biblioteca Android para exibir texto de marcação para baixo.
Esta biblioteca usa Flexmark e algumas de suas extensões.
A biblioteca pode:
renderizar a marcação para baixo a partir de 'string'.
Renderizar markdown a partir de assets.
Renderizar markdown a partir de um URL.
Em casos de URL ela utiliza AsyncTask para baixar a marcação para que seu aplicativo não congele. Em todos esses casos, tudo o que você precisa é passar o "string" apropriado, seja ele um "URL", um texto de remarcação para baixo ou um caminho de arquivo.
Ele está hospedado no jitpack, então você precisará adicionar o jitpack como um maven url sob o fechamento de todos os projetos em seu arquivo build.gradle de nível de raiz:
Em seguida, adicione a dependência em seu arquivo build.gradle de nível de aplicação:
Em seguida, sincronize seu projeto.
Passo 2: Adicionar MarkdownView ao Layout
O próximo passo é ir para o seu layout e adicionar o MarkdownView lá:
Etapa 3: Markdown de carga
Se você estiver usando Java, comece referenciando o MarkdownView:
Se você estiver usando Kotlin, não há necessidade de fazer isso, uma vez que você pode importar a vista usando Kotlin synthetics ou ainda melhor através de ViewBinding.
Então, em ambos os casos, procedemos. Você pode usar o CSS padrão:
ou carregar um css externo localizado nos assets:
Em seguida, carregue a marcação "string" para baixo:
Ou carregar a marcação para baixo a partir de assets:
Ou carregar o markdown como um objeto de arquivo. Este arquivo, por exemplo, pode ser carregado a partir do sistema de arquivo:
Ou você pode carregar o markdown a partir da Internet:
Passo 3: Características adicionais
Você pode usar o css personalizado. Ou construir o CSS programmaticamente via Java/Kotlin:
Ou carregar o CSS a partir de um arquivo externo:
Você também pode carregar um arquivo Javascript externo:
Esta é uma biblioteca rica em recursos. Aqui estão as suas características:
[x] Texto arrojado **** ou __Texto__`.
[x] Itálico *texto* ou _texto_
x] Strikethrough ~~~Text~~~
[x] Regras Horizontais ---
[x] Cabeçalhos #`
[x] Imagens ![alt](url)
[x] Código
x] Blockquote
x] Blockquote aninhado
[x] Listas
[x] Tabelas
[x] Lista de tarefas
[x] Abreviação
[x] Mark ===Text===`
[x] Assinatura H~2~O
[x] Super-escrito 10^-10^
[x] Tecla @ctrl+alt+del@`
MathJax Inline `$x = {-b ^pm ^sqrt{b^2-4ac} \acima de 2a
MathJax $$x = {-b ^pm ^sqrt{b^2-4ac} \acima de 2a$$`
[x] Notas de rodapé
[x] Image Resizing ![alt](url@100px|auto)
[x] Destaque de sintaxe (usando Highlight.js)
[x] CSS personalizado
x] JavaScripts
[x] Rótulo --DEFAULT--' —SUCCESS–' ----WARNING----' —–DANGER—–'.
[x] Bean {{{nome do campo}}`
[x] Atributos personalizados { #id .class name='value name='value'}`
[x] Alinhamento de Texto, Tamanho do Texto e Cores do Texto usando Atributos Personalizados
Aqui está um exemplo de MarkdownView usando esta biblioteca:
Começamos por criar o layout:
Depois escrevemos nosso código, seja em kotlin ou java:
Aqui é a referência do código fonte.
Leia mais sobre esta biblioteca aqui
MarkdownView é uma visualização web do Android com a capabilidade de carregar texto ou arquivo Markdown e exibi-lo como HTML, ele usa MarkdownJ e estende a visualização web do Android.
MarkdownView (Markdown Para Android) é uma biblioteca Android que ajuda a exibir o texto ou arquivos Markdown (local/remoto) como HTML formatado, e estilizar a saída usando CSS.
O próprio MarkdownView estende o Webview do Android e adiciona a lógica necessária para analisar Markdown (usando MarkdownJ) e exibir o HTML de saída na visualização.
Instalar MarkdownView a partir do jcenter:
Passo 2: Adicionar ao Layout
Adicione o MarkdownView ao seu layout XML:
Passo 3: Escrever Código
Se você estiver usando Java, consulte o MarkdownView a partir de nosso layout:
Você também pode usar o view Binding ou a encadernação de dados, quer você esteja usando java ou kotlin. Se você estiver usando Kotlin você pode usar Kotlin Synthetics.
Você também pode criar MarkdownView programmaticamente:
Vejamos agora um exemplo completo de como usar a biblioteca MarkdownView para carregar o markdown localmente:
**Como aplicar os temas ao MarkdownView***
Digamos que você tem temas e quer exibir o tema. O usuário escolhe um tema a partir de um "gira-discos" e nós aplicamos esse tema para a visualização de marcação:
**Como carregar a Markdown a partir de uma "corda "***
Se você tiver sua marca na memória como um "cordão", este exemplo mostra como você pode carregá-lo:
**Como Render Markdowb de online***
Se você tiver o arquivo markdown hospedado remotamente e quiser baixá-lo e renderizá-lo, aqui está como você faz isso:
Acesse estes exemplos aqui
Encontrar referência completa aqui
MarkdownView é uma biblioteca simples que ajuda a exibir textos ou arquivos Markdown no Android como uma página html, assim como o Github.