MediumEditor - Barra de herramientas de edición de texto en línea para la Web
Todo el mundo sabe Medium.com y su plataforma de blogs muy popular. Ellos Redefinimos muchas ideas en el mundo del diseño. y puedes encontrar muchos tutoriales que te enseñan cómo clonar sus diseños..
Una herramienta que te podría gustar es la Plugin de MediumDditor basado en JavaScript puro. Te deja agregar un editor de texto en línea personalizado a cualquier página en el mismo diseño que el sitio de blogs Medium. Entonces, puede dejar a los lectores en negrita, en cursiva, agregar enlaces, encabezados y casi todo lo demás, con una barra de herramientas visual simple.
Tenga en cuenta que este proyecto no está asociado con Medium de ninguna manera, por lo que es no es un complemento oficial.
Fue creado por un fanático del sitio y alguien que ama el estilo de diseño Medio. Usted puede Aprenda más sobre la configuración en GitHub Que almacena todo el código, totalmente gratuito para su uso..
El editor Funciona en todos los principales navegadores, Incluyendo la versión actual de Microsoft Edge e IE. Incluso admite versiones anteriores de Internet Explorer, que se remontan a IE7. Loco!
La instalación es una brisa donde puedes tirar todos los archivos directamente a través de npm o Bower, o incluso usar un CDN en línea gratis como JSDelivr.
Entonces podrásdd tanto los archivos CSS como JavaScript al encabezado de su sitio web. Pan comido.
Desde ahi tu llama al editor con una sola línea de código:
var editor = new MediumEditor ('. editable');
Usted puede pasar una lista de elementos de la página Eso solo debería funcionar con el editor, o puedes Déjalo correr por toda la página..
Probablemente el uso más práctico de este plugin es para crear algún tipo de editor WYSIWYG para una aplicación web.
Eso no maneja pasar datos de ida y vuelta entre el servidor y el cliente, por lo que deberá crear esa lógica usted mismo. Aún así, este plugin es mucho más fácil que empezar desde cero.
Si se desplaza hasta la parte inferior de la página de demostración de MediumEditor, encontrará un lista de extensiones Usted puede probar también. Éstos incluyen edición completa de rebajas, junto con Botones de estilo medio y otras características de la interfaz.
Este plugin es altamente recomendado para cualquier fan de Medium que quiera replicar algunos de sus UX en otro proyecto.