MediumEditor - Barra de ferramentas de edição de texto embutida para a Web

Todo mundo sabe Medium.com e sua plataforma de blogs muito popular. Eles redefiniu muitas ideias no mundo do design e você pode encontrar muitos tutoriais ensinando como clonar seus designs.

Uma ferramenta que você pode gostar é a Plugin MediumEditor baseado em JavaScript puro. Deixa você adicionar um editor de texto embutido personalizado para qualquer página no mesmo design que o site de blog do Medium. Assim, você pode deixar os leitores em negrito, itálico, adicionar links, cabeçalhos e praticamente todo o resto, com uma barra de ferramentas visual simples.

Observe que este projeto não é afiliado ao Medium de nenhuma maneira, por isso é não é um plugin oficial.

Foi criado por um fã do site e alguém que ama o estilo de design médio. Você pode saiba mais sobre a configuração no GitHub que armazena todo o código, totalmente livre para uso.

O editor funciona em todos os principais navegadores, incluindo a versão atual do Microsoft Edge e do IE. Até suporta versões mais antigas do Internet Explorer, remontando ao IE7. Louco!

A instalação é uma brisa onde você pode Puxe todos os arquivos diretamente via npm ou Bower, ou mesmo use um CDN online grátis como JSDelivr.

Então você vaidd ambos os arquivos CSS e JavaScript para o cabeçalho do seu site. Mole-mole.

De lá você chame o editor com uma única linha de código:

 var editor = new MediumEditor ('. editable'); 

Você pode passar uma lista de elementos da página que só deve funcionar com o editor, ou você pode deixe correr em toda a página.

Provavelmente, o uso mais prático deste plugin é criar algum tipo de editor WYSIWYG para um aplicativo da web.

isto não manipula a passagem de dados para frente e para trás entre o servidor e o cliente, então você mesmo precisará criar essa lógica. Ainda assim, este plugin é muito mais fácil do que começar do zero.

Se você rolar para a parte inferior da página de demonstração do MediumEditor, você encontrará uma lista de extensões você pode testar também. Esses incluem edição completa de remarcação, junto com Botões de estilo médio e outros recursos de interface.

Este plugin é altamente recomendado para qualquer fã de Medium que queira replicar alguns de seus UX em outro projeto.