Habr Converter: para facilitar

Certamente muitos de vocês pelo menos uma vez usaram um conversor de hub, que é oficialmente recomendado pela administração Habr - https://shirixae.imtqy.com/habraconverter-v2/ . Alguns anos atrás, ele foi criado por um habrovchaninmeta4e finalizado Shirixae. O princípio é simples: abra a Conta do Google com a postagem, Ctrl-A, Ctrl-C e cole-a na janela do conversor. Pressione o botão "Converter" e obtenha um código de layout pronto que pode ser inserido no editor Habr e publicado. Pouco antes disso, você precisa revisar algumas pequenas coisas.

E tudo ficaria bem se você precisar fazer as pazes com muita frequência. Ou as postagens são pequenas e descomplicadas. Mas se você está fazendo muita digitação e as postagens têm figuras, tabelas e partes de código, é necessário fazer uma rotina de tempos em tempos: insira as linhas vazias necessárias e remova as linhas extras, substitua as tags <surce>por <cde>etc. etc. Decidimos passar um dia, depois voar em uma hora e terminar o conversor.

A nova versão está aqui e, sob o corte, há uma lista de melhorias.

O código do conversor é pequeno, cerca de 300 linhas. Não nos propusemos a retrabalhá-lo profundamente, apenas para prosseguir, de modo que, depois do conversor, seria menos dominar nossas mãos. Então, imediatamente chamamos sua atenção: em nossa versão, existem muitas muletas e códigos rígidos, e isso nos convém completamente - alcançamos nosso objetivo e não refatoraríamos por uma questão de beleza e clareza.

Obviamente, quando você quebra o código de outra pessoa e refaz algo, é mais fácil cometer erros facilmente. Inicialmente, a lista de edições era a seguinte:

  1. Após os parágrafos, é necessário fazer duas transferências para que uma linha vazia apareça entre os parágrafos.
  2. O mesmo ocorre com as imagens: as etiquetas <img>devem ser separadas por linhas em branco na parte superior e inferior.
  3. Depois de </surce>precisar de apenas uma quebra de linha (sem uma linha vazia).
  4. </li> , , . 
  5. </a> .
  6. </tble> .
  7. </h> , .
  8. , .
  9. </ul> , .
  10. </blockqoute>.


  • , <cde>, <surce> ( ). 
  • , <tble></tble> <cde>, <surce>.
  • <b> <strng>.
  • O texto em negrito forçado e as tags da lista foram removidos dos títulos - aqueles que precisam serão inseridos manualmente, mas geralmente isso é desnecessário.

Corrigidos esses erros: 

  • Não processe o conteúdo <>, ele deve sempre permanecer inalterado. Exemplo : o código <img src="https://habrastorage.org/getpro/habr/post_images/208/1cc/1fa/2081cc1fa6dbebbbb6ddd4108512ff5b.png" align="cnter">no texto deve permanecer o mesmo após a conversão.
  • Há algum tipo de conflito quando eles se juntam <ul>e <h>- linhas vazias desnecessárias surgem entre eles.
  • No processo, nosso conversor de repente começou a inserir linhas extras onde elas não deveriam estar. Então, em algum momento, aspas-abetos extras começaram a ser adicionadas às tags de imagem, eu também tive que cortá-la:<img src="«https://habrastorage.org/getpro/habr/post_images/208/1cc/1fa/2081cc1fa6dbebbbb6ddd4108512ff5b.png»" lign="«center»">
  • Eles superaram o comportamento inesperado quando um atributo foi inserido na primeira imagem no layout lign="center"e em todas as outras lign="middle".

Ah, sim, e adicionamos o botão Copiar acima da janela de conversão. Se você já tentou destacar o resultado em um smartphone para copiar, perceberá que isso é quase o melhor de nossas melhorias.

Agora, depois do nosso conversor, temos que reduzir significativamente pequenos problemas, pelos quais gastamos muito tempo em nosso volume mensal de publicações. Como todas as versões anteriores, o conversor está disponível para todos - solicitações e problemas de recebimento são bem-vindos.

Fonte: https://github.com/AloneCoder/habrconverter 

Focinho: https://alonecoder.imtqy.com/habrconverter/

All Articles