Tecnología

Inline editors y el placer de escribir (un blog)

·

No sé cuántos CMS y editores de texto he probado, pero os aseguro que han sido unos cuantos. Esas más de 7 millones de palabras que he escrito profesionalmente han salido de ellos, así que una de las cosas que aprecio cuando tengo que enfrentarme a una «página en blanco» es la de que el editor me ponga fáciles las cosas.

Ha habido de todo y para todos los gustos. En PC Actual hacíamos uso de Movable Type en los primeros tiempos, igual que en The Inquirer ES hasta que dimos el salto a WordPress. En los sitios ‘Muy’ que luego ayudé a crear y levantar al estrellato (je) tuvimos que lidiar con el que probablemente haya sido el peor CMS que me he encontrado en mi vida.

medium1

El editor de Medium es un prodigio de la usabilidad. Con él descubrí el placer de escribir online sin distracciones y directamente sobre la página tal y como luego quedaría. Un milagro.

Aquel desarrollo a medida -aquí llegué tarde y no pude convencer a los cofundadores de usar WordPress- hecho por una empresa de Barcelona llamada Oasys (no sé si siguen existiendo) fue un desastre total de principio a fin, algo que se notaba cuando hablabas con ellos y no entendían lo que era un CMS. Creo recordar que no conocían WordPress o Movable Type, así que se lanzaron a crearnos algo de cero con eBD, una plataforma de desarrollo que sigue existiendo y que igual sirve para otros proyectos, pero resultó ser una verdadera pesadilla para el nuestro.

Afortunadamente logré convencer a mis socios de entonces de que aquello no podía seguir así y acabamos migrando a WordPress tras una migración en la que mi mujer -que ya despuntaba como frontend developer– y yo logramos algo que recuerdo como un logro técnico alucinante. Si hubiérais visto la estructura de las BBDD de aquel CMS original lo entenderíais. Si es que antes no os murieseis del agotamiento y el aburrimiento, claro.

Más tarde llegó Xataka y otro CMS propietario y hecho a medida llamado LightPress. No es el mejor ni el peor que he usado, pero por lo menos te permite escribir en Markdown y tiene previsualización en tiempo real del artículo, algo que si escribes a pantalla completa -yo no lo hago- puede servir de ayuda.

wp-editor

El editor de WordPress.com es un digno intento por hacer un cliente nativo en Windows/macOS, pero me temo que para mí eso no es suficiente. Se nota demasiado que es un editor. Argh.

El problema en mi caso es que quiero el menor número posible de distracciones cuando escribo. Los editores con los llamados «modos libres de distracciones» son bastante conocidos y desde luego ofrecen una interfaz minimalista y limpita que me encantaría usar… si estuviese escribiendo una novela.

El problema es que (aún) no la estoy escribiendo, y lo que me toca es escribir online. Escribir en esos editores y luego copiar y pegar en el editor del CMS es una opción que no me planteo, así que cuando puedo hago uso de lo que me gusta, que es escribir directamente sobre la página en la que publico. Alguna vez he probado cosas como el editor de WordPress.com, pero la verdad, donde esté mi alternativa actual que se quite lo demás. Solo he hablado de CMSs utilizados en el trabajo, pero obviamente al escribir mi blog he dado un buen paseo por otras alternativas, incluyendo aquel Blogger original -que yo usé por primera vez ya tarde, en 2004- y terminando por el protagonista de hoy. Pasando por cosas como los generadores estáticos de blogs, aunque hay muchas alternativas –como estas– que por una u otra razón no he podido probar y que también me tientan para juguetear al menos un rato.

wp-frontend-editor1

WP Frontend Editor en acción. Como veis hay mucha inspiración de Medium, pero eso no importa: hay que copiar lo que funciona.

Es lo que hacen los inline editors, y lo que afortunadamente llevo haciendo desde hace dos años en Incognitosis gracias a WP Frontend Editor, un plugin insustituible para mí que me permite acceder a ese formato de escritura WYSIWYG que me encanta y -creo- me ayuda a estar un poco más inspirado ante esa página digital en blanco con la que me encuentro a todas horas.

Seguro que hubo algún editor que lo hizo antes, pero creo que el primero que dio el campanazo con este tipo de editores fue Medium, ese fantástico servicio en el que escribir es un placer pero en el que cedes demasiadas cosas -personalización, control, publi (si la quieres)- al sistema de publicación. Hablé de ello en julio de 2014 por primera vez, pero bastante antes ya había hablado de Medium y de otros sistemas pijos y preciosistas para publicar -nadie se acuerda prácticamente ya de Svbtle, por ejemplo- como Ghost, que afortunadamente sigue por buen camino aunque nunca me haya decidido a usarlo por ese enfoque a escribir en Markdown que yo soporto para trabajar, pero no para disfrutar de la redacción.

Mi interés por WP Frontend Editor es tal que ha sido el proyecto en el que con diferencia más he participado en GitHub. Solo en modo feedback, ya sabéis, dando opiniones y contrastándolas con Ella van Thorpe, su desarrolladora, que ha hecho un trabajo prodigioso y que hace que escribir en Incognitosis y The Unshut se convierta en un pequeño placer los días que publico algo.

El caso es que hoy descubría una alternativa interesante en este segmento. Se trata de Postleaf, del que hablaban en TechCrunch y que ha sido creado por Cory LaViska, fundador de SurrealCMS -este tampoco lo conocía-. Este nuevo CMS precisamente destaca su sencillez, su simplicidad y, atención, su editor inline integrado de forma nativa. Cualquier cosa que edites la editarás sobre el diseño final de esa página web. Como si estuvieses trabajando en Photoshop, para que te hagas una idea.

A ello se suman otras cosas como su modo Zen -menos distracciones es casi imposible-, su soporte oEmbed -para poder embeber código de sitios como youTube, Instagram o Twitter fácilmente- o su integración nativa de un Diseño Responsive. Lo de poder crear backups fácilmente, el buscador integrado y el soporte de temas hacen que este desarrollo basado en PHP (¡herejía!, dirán algunos) sea una pequeña maravilla. Lamentablemente no hay soporte para plugins, pero parece algo que podría llegar en el futuro, porque por el momento todo está en fase beta.

postleaf-3

El editor de Postleaf en acción. Precioso y funcional, lástima la barra superior, pero eso sí, me mola ese panel lateral para ciertas cosas. Buenas ideas para el plugin de WP, creo yo.

Dudo que cambie a Postleaf, pero he querido trastear un poco con el CMS así que he creado un pequeño blog en uno de mis VPS y en 10 minutos ya lo tenía funcionando en mi infraestructura -Nginx y MariaDB al poder- gracias a que ayudan en el ficherito de configuración para toquetear a mi gusto. Las sensaciones han sido fantásticas: el CMS es rápido, es ligero -habrá que ver cómo se comporta cuando el número de posts crece, y también qué pasa en entornos multiusuario que atacan sin parar la BBDD- y sobre todo es bonito de pelotas cojones narices. Le encuentro una única pega: que al contrario de lo que hacen Medium y WP Frontend Editor los accesos a las funciones de edición -poner negritas, blockquotes, insertar imágenes o código- están en la barra superior, cuando lo suyo sería que apareciesen al seleccionar un bloque de texto o una línea vacía, como ocurre en estos dos que he usado más.

Espero sinceramente que mucha gente comience a usar Postleaf. Es una fantástica alternativa a WordPress, más simple pero mucho más usable para novatos, y se trata de una alternativa genial si eres capaz de hospedar tu propio blog. No sé si acabarán haciendo un servicio hospedado (en Postleaf.org la versión descargable para que te lo instales tú y la documentación, en Postleaf.com -que está a la venta- la versión hospedada), pero podría tener sentido. Si quieres simplicidad y te atrae eso de escribir directamente con un inline editor, creo que hay pocas opciones como esta. Sencillamente maravilloso.

A ver si otros aprenden (incluidos mis jefes) y entienden que escribir es mucho más fácil cuando no tienes millones de botoncitos y tonterías rondando en la pantalla. Que vivan los inline editors.


Incognichollos

Esta es una selección con las mejores ofertas tecnológicas actualizadas casi diariamente, como expliqué aquí. Aunque estés en un post «antiguo» las ofertas son de última hora, los Incognichollos los actualizo aparte. También puedes seguir los Incognichollos en Twitter o en el nuevo canal de Telegram 🙂 . ¡Aprovecha, que no suelen durar mucho tiempo!

  • TCL Plex: un smartphone de 6,53?, Snapdragon 675, 6 GB de RAM, 12 8 GB de capacidad (ampliables), cámara triple de 48+16+2 MP, 3.820 mAh, conector auriculares (!). Está a 219 euros en Amazon (baja de 279).
  • Realme 6: súper nuevo, 6,5?, Helio G90T, 4 GB de RAM, 64 GB de capacidad, cámara cuádruple (48+8+2+2 MP), 4.300 mAh de batería, lector de huella en el lateral, está a 192 euros en AliExpress Plaza con el código ALIVERSARIO27
  • Cargador AUKEY USB-C: con Power Delivery 3.0, potencia de 36W, dos puertos USB-C para cargar móviles o tabletas a toda pastilla. Está a 25,99 euros en Amazon (baja de 38,99).
  • Televisor TD Systems K58DLK10US: una Smart TV de 58 pulgadas con resolución 4K UHD, soporte HDR10, sonido Dolby Digital+, WiFi, sistema operativo Android 9.0. Está a 319 euros en AliExpress (baja de 359).
  • Tocadiscos Victrola Pro: no solo podrás reproducir tus vinilos, sino convertirlos a MP3 si así lo quieres. Incluye software para Mac y PC y cable USB, está a 47,55 euros en Amazon (baja de 58).
  • Kit de elaboración de cerveza: qué mejor que hacer tu propia cerveza ahora que está más difícil comprarla fuera. Elabora 5 litros de cerveza Weissbier trigo, estilo alemán. El kit está a 38,50 euros en Amazon (baja de 59,90).
  • TCL 55DP602: una Smart TV de 50? con resolución 4K UHD, soporte HDR, sonido Dolby Digital Plus, está a 399,85 euros en Amazon. Brutal.
  • Altavoces Edifier Studio R1280T: equipo de dos altavoces para sonido estéreo, hasta 42 W de potencia, conectores RCA y minikack, sensibilidad de 85 dB, mando a distancia. Son estupendos, de hecho los tengo en casa. Están a 70,90 euros en Amazon (bajan de 99,99).
  • LG 65UM7610PLB: una smart TV de 65? con resolución 4K UHD, soporte HDR, palnel IPS, sistema webOS 4.5, asistente de Google y Alexa, sonido DTS Virtual:X. Está a 673,90 euros en Amazon (baja de 999).
  • Realme X2 Pro: 6,5 pulgadas 90 Hz, 12 GB de RAM, 256 GB capacidad, Snapdragon 855+, cámara cuádruple (64+13+8+2 MP), 4.000 mAh, lector bajo pantalla, está a 361 euros en AliExpress Plaza con el código ALIVERSARIO37. En Amazon está a 439 euros.
  • Xiaomi Redmi Note 8: 6,53?, Snapdragon 665, 4 GB de RAM, 64 GB de capacidad, cámara cuádruple (48+8+2+2) y 4.000 mAh de batería. Está a 155,42 euros en Amazon
  • Xiaomi Mi TV Box S: el set top box de Xiaomi con soporte de streaming en 4K, procesador Amlogic S905L (S905X), 2 GB de RAM, 8 GB eMMC, WiFi ac, BT 4.2, HDMI 2.0, mini TOSLINK, control remoto. Está a 49 euros en Amazon.
  • Apple iPhone 11 64 GB: 6,1 pulgadas de pantalla Retina, Apple A13 Bionic, Face ID, cámara dual de 12 +12 Mpíxeles, carga inalámbrica, resistencia IP68, carga rápida, Dolby Atmos. Está a 789 euros en Amazon.
  • Amazon Kindle: el lector de libros electrónicos de Amazon ya cuenta en su versión básica con luz frontal integrada, así que puedes leer en la cama sin lámparas. 6 pulgadas 167 ppp, 4 GB de capacidad, está a 64,99 euros en Amazon (baja de 89,99). El Paperwhite resistente al agua está a 99,99 euros (baja de 129,99).
  • Monument Valley 2: un juego visualmente precioso con una mecánica de puzzles espectacular. Está gratis para Android en Google Play y también gratis para iOS en la App Store.
  • Oppo Reno 2: 6,55?, Snapdragon 730G, 8 GB de RAM, 256 GB de capacidad, cámara cuádruple (48+13+8+2), lector de huella bajo pantalla, 4.000 mAh, cámara frontal «aleta tiburón». Muy curioso , está a 449 euros en Amazon (baja de 499).
  • ASUS ZenBook 14: un portátil de 14? FullHD con un Ryzen 7 3700U, 16 GB de RAM (muy bien), 512 GB de SSD, una Radeon RX Vega 10, sistema operativo Endless OS, teclado español, lector de huella. Está a 649 euros en Amazon.
  • WD Black P10 5TB: una unidad de 5 TB de capacidad perfecta para consola o PC, capacidad estupenda, conexión USB 3.0, tasas de transferencia notables, está a 119,99 euros en Amazon (baja de 140,49).
  • Seagate Expansion 8 TB: otra unidad aún con mayor capacidad, 8 TB (uauh!) con interfaz USB 3.0 (compatible USB 2.0), 3,5 pulgadas y un precio muy bueno (no tanto como el anterior), 139,99 euros en Amazon.
  • HiSense H50AEE6400: una Smart TV de 50? con resolución 4K UHD, soporte HDR, plataforma VIDAA U, modo deporte, está a 349,99 euros en Amazon.
  • ‘World War Z’, ‘Figment’ y ‘Tormentor x Punisher’: Epic Games vuelve a regalar juegos. Tres más con muy buenas críticas, que os podéis descargar desde ya mismo. A por ellos!
  • Apple iPhone 8 256 GB (rojo, reacondicionado): atentos a este modelo, que según Amazon está como nuevo y «funciona como tal», nada menos que 256 GB de capacidad, 4,7 pulgadas, cámara de 12 Mpíxeles, TouchID, resistencia al agua IP67. Está a 399 euros en Amazon.
  • Sharp LC-55UI8762ES: una Smart TV de 55 pulgadas con resolución 4K UHD, soporte HDR+, Smart Aquos Net+, 3 x HDMI, 2 x USB, altavoces Harman Kardon, está a 389,99 euros en Amazon (baja de 799,99).
  • Philips 32PFS5823: una Smart TV modesta de 32 pulgadas y resolución Full HD para quienes no necesitan lo más de lo más. Tiene tecnología Pixel Plus HD, Dolby Audio, y puertos HDMI y USB. Está a 209,99 euros en Amazon (baja de 269).
  • Lenovo IdeaPad C340-14API: un portátil convertible en tablet muy majo de 14? Full HD con un Ryzen 5 3500U, 8 GB de RAM, 256 GB de SSD, Windows 10 y teclado en español por 599,99 euros en Amazon.
  • ASUS ZenBook UM431DA-AM003: un portátil de 14? Full HD con un Ryzen 5 3500U, 8 GB de RAM, 512 GB de SSD, sin sistema operativo, teclado en español, está a 549 euros en Amazon.
  • Humble Bundle Just Drive: un pack de juegos de conducción para quienes quieran disfrutar al volante «virtual». Asetto Corsa, Dirt 4 y Project Cars 2 entre otros por 12 euros en Humble Bundle. Brutal
  • Humble Bundle Stardock: esta empresa lleva años haciendo programas fantásticos de personalización y productividad de Windows 10. Por 13,50 euros tendrás el pack completo, incluidos Windows Blinds, Fences (escritorios virtuales) o Multiplicity (KVM software).
  • Acer Aspire 3: un portátil muy modesto pero curioso, 15,6? FullHD, Core i3-6006U, 4 GB de RAM, 128 GB de SSD, Linux preinstalado, teclado español, está a 239 euros en Amazon, buena opción como portátil de batalla o para niños.
  • AMD Ryzen 2600X: si estáis actualizando vuestro PC o vais a montaros uno nuevo atentos a este micro de 8 núcleos y 16 hilos de ejecución, preparado para overclocking, 95W de TDP, hasta 4,25 GHz. Está a 129 euros en Amazon (baja de 215).
  • Xiaomi Mi 9T: 6,39? AMOLED, Snapdragon 730, 6 GB de RAM, 128 GB de capacidad, cámara triple (48+8+13), cámara frontal retráctil (20 MP), lector de huella bajo pantalla, 4000 mAh. La versión de 64 GB está a 259,99 euros en Amazon (baja de 329).
  • Aspiradora Philips Speedpro: formato escoba, se puede usar como aspiradora vertical o aspiradora de mano, en ambos casos sin cable. Cepillo con succión de 180º, tecnología PowerCyclone 7, hasta 800 l/min de velocidad del aire, está a 149,99 euros en Amazon (baja de 289).
  • Amazon Prime Estudiantes: la suscripción a Amazon Prime está a solo 18 euros al año (60 para usuarios normales) con un periodo gratuito de 90 días de prueba. Ya sabéis, con ella tenéis entrega rápida gratis, prime video y prime music.
  • Xiaomi Redmi Note 8T: 6,3?, Snapdragon 665, 3 GB de RAM, 32 GB de capacidad, cámara cuádruple (48+8+2+2), 4.000 mAh, lector trasero, buena opción recién salida del horno. Está a 179 euros en Amazon.
  • Huawei P40 Lite + Freebuds 3: 6,4?, Kirin 810, 6 GB de RAM, 128 GB de capacidad, cámara cuádruple de 48+8+2+2 MP, 4.200 mAh de batería, regalo de los auriculares valorados en 179 euros. Está a 299 euros en Amazon, espectacular. Una sola pega: lleva Android 10, pero sin servicios y apps de Google.
  • HiSense H65A6500: una Smart TV enorme de 65 pulgadas con resolución 4K UHD, soporte HDR, con la plataforma VIDAA U, modo deportes, WiFi, Precision Color, está a 579,99 euros en Amazon.
  • Intel NUC: un miniPC potente y curiosón. Con un Core i5-7260U, 8 GB de RAM, 240 GB de SSD2, Windows 10, está a 525 euros en Amazon. Buen equipo de trabajo o incluso de salón.
  • Acer Aspire 3 A315-54K: un portátil de 15,6? Full HD con un Core i5-10210U, 8 GB de RAM, 512 GB de SSD, sin sistema operativo, con salida HDMI, RJ45, USB 3.1, lector de tarjetas, está a 499 euros en PcComponentes (en Amazon 708 euros).
  • Smartwatch Huawei GT Fashion: un reloj inteligente con monitor de sueño, ritmo cardíaco, sistema LiteOS, GPS, Bluetooth, y pantalla estupenda. Está a 99 euros en Amazon (en PcComp 147).
  • ASUS TUF Gaming FX505DV: un portátil gaming con pantalla de 15,6? Full HD a 120 Hz, Ryzen 7 3750H, 16 GB de RAM, 512 GB SSD, GeForce RTX 2060 (uauh), sin SO, teclado retroiluminado en español. En eBay está a 999 euros, rebaja brutal.

¿Quieres recibir un correo de aviso cuando publique nuevas entradas?

Standard

13 comentarios en “Inline editors y el placer de escribir (un blog)

  1. ¡No lo entiendo!

    ¿Dónde está la ventaja de ver el aspecto pseudo-definitivo de lo que escribes?

    Es verdad que, cuando escribo, lo hago en muchas pasadas:

    – Primero el contenido de texto (si acaso los enlaces los voy incluyendo sobre la marcha).

    – Luego inserto las fotos y gráficos por el medio.

    – Luego doy una pasada de formateo estético (principalmente subtítulos, colores, justificados, etc).

    Aquí siempre tengo que pasar a la versión de código html para arreglar ciertos espaciados. En este paso por la variante en código, aprovecho para meter algún div con alguna clase css que ya tengo preparada para dar algún efecto de resalte.

    Y finalmente meto las negritas (yo plago mis textos de negritas).

    Y todo esto lo cuento para decir que, creo que escribir «on-the-fly» para ver cómo quedará, en realidad no me aportaría ninguna ventaja, porque yo hasta el final del final, no veo como queda realmente.

    Y es que no acabo de entender qué botones distraen o cómo logran distraer.

    Sí que es verdad que javipas.com es esencialmente texto plano, sólo con enlaces y alguna foto. En cambio, yo formateo bastante más el texto.

    Igual ahí está la diferencia.

    O igual no, y me estoy perdiendo una experiencia sublime escribiendo desde el backend de wordpress…

    Por cierto, me gustó mucho la página personal de Sally. Está escrita a mano, sin CMS ¿verdad?

    • Pues parece que tenemos formas distintas de escribir, lo cual es completamente normal. Para mí lo de poder ver cómo queda directamente es muy útil, sobre todo porque escribir en cajas como que me -y perdón por la patada al diccionario- «desinspira».

      Los inline editors no impiden que puedas formatear más el texto, ojo, en mi caso la plantilla es simple pero uno puede usarlos en un tema más complejo sin problemas, que yo sepa. De todos modos bien por las opciones. Ah, y lo de Sally es un WordPress con un tema portfolio bastante retocado 😉

  2. Anonimox dice:

    Quiero ver el esquema de esa bbdd que dices 🙂 y luego te enseño yo una con la que me estoy peleando de un cms propietario donde curro y luego nos reímos un poco Ja Ja Ja, a mi me pasa como a ti yo prefiero ver cómo va quedando la cosa según escribo, y así al final aparte de un repaso ortográfico no gasto más tiempo en maquetar y de paso según veo como queda meto más morcillas y demás zarandajas. Viva el WYSIWYG, es lo más cómodo.

    • Pues creo que todo lo que hicimos para la migración quedó destruido porque acabamos hasta no sabes dónde 🙂 De todos modos está claro que estos no habían estudiado mucho de BBDD. Viva el WYSIWG, di que sí.

  3. Jean dice:

    Hola, Javi. Interesantísimo post. Desde hace algún tiempo he querido preguntarte cuál es tu opinión de Joomla como cms y si conoces los editores.
    ¡Muchos saludos!

    • ¡Joomla no!

      Yo lo he sufrido mucho. No lo recomiendo en absoluto.

      Podría estar muy bien, pero no tienen buena compatibilidad hacia atrás y las versiones no son lo suficientemente estables. Te pasas la vida manteniéndolo.

      Es mi opinión.

    • Joomla tuvo su momento, desde luego, pero hace mucho que -al menos por lo que sé- está de capa caída y no es tan popular como antaño. Una buena alternativa si quieres algo en esa línea -más complejo y potente que WordPress- es, según dicen, Drupal.

      Me temo que apenas he tocado ni uno ni otro, así que no te puedo decir mucho más.

  4. Yo voy a volver a dar la lata con Open Live Writer ? http://openlivewriter.org/ (sobre todo para ver si algún día hay masa critica y lo portan a GNU/Linux y a Mac).
    Está basado en Windows Live Writer de Microsoft que liberó el código y es un completo editor de post con funcionalidades como Autorrellenado de Links (para esos links que usas sistemáticamente), captura el portapapeles para pegado rápido de links, …
    Probadlo alguno y veréis que merece la pena.

Comentarios cerrados