¿Estás confundido con la nueva interfaz de edición de Steemit? ¡No te preocupes, todo es igual! ~ por @alejandrop

in Dance and music show3 years ago


1.jpg

¡Hola mis queridos amigos de #DanceAndMusic, y #Steemit en general!

Bueno, mucho de ustedes, al igual que yo, nos quedamos sorprendidos hoy día cuando nos decidíamos a realizar nuestras publicaciones en esta gran plataforma y nos conseguimos con esta sorpresa: Ya no tenemos nuestro clásico editor crudo en HTML, sino, una barra de herramientas con diversas opciones para elegir y darle formato a nuestro texto.


Separator.png

Al principio, a muchos les parecía bien la idea: Edición más fácil, menos códigos, pero luego empezaron los problemas. La primera impresión que nos damos cuenta es que NO POSEE una opción para justificar el texto en el centro, a la derecha o a la izquierda, ni mucho menos separar párrafos; alarmantes para los que estaban acostumbrados a utilizarlo manualmente introduciendo el código "br" o "pr".

El temor no finalizaba en ese punto, sino, que intentabas realizar la edición "manualmente" introduciendo la etiqueta HTML como normalmente lo hacías, ¿Y qué ocurre? ¡Sorpresa! En el panel derecho de pre-visualización te muestra el código natural, como que de alguna manera el editor no era compatible con esas funciones antigüas.

Muchos usuarios (Incluyéndome), comenzaron con un dolor de cabeza, haciéndose la pregunta: ¿Y ahora cómo hago mi post más bonito? Pues amigo, les tengo una buena noticia: De la misma manera como siempre lo has hecho.


Separator.png

Verán, la nueva actualización al panel, sólo fue un "add-on" para esas personas que no les gusta escribir mucho o que no tienen mucho tiempo para ello. Solo es un añadido sin muchas opciones. Ahora, el detalle es que junto a ello, aplicaron también una actualización al editor de cuerpo como tal, lo que causa que ciertos códigos parecieran que no funcionan, pero no se preocupen, ¡Funcionan perfectamente!

El único defecto que podríamos encontrar es que ahora las imágenes no saldrán inmediatamente si son colocadas manualmente utilizando un código IMG de HTML original, sólo verás un código seco de texto, pero al momento de publicar sí verás la imagen. La única manera de que te muestre la imagen, es que ésta sea cargada directamente desde tu computadora, bien sea arratrándola a este cuerpo de edición o con el método estandar dando clic en el ícono de la foto en el panel de edición, y a continuación seleccionar el archivo de imagen a subir.

image.png

Repito, no se preocupen si no pueden la vista previa al lado, ya que de la misma manera ocurrirá con las demás etiquetas HTML que desees insertar



Consejos:



Algunos consejos y tips que les daré no son nada del otro mundo y quizás ya todos los sabían, solo que piensan que no funcionan pero ya todos fueron probados por mi persona.


Centrar el texto

Para centrar el texto, sólo debemos utilizar la etiqueta "center" como la hemos venido utilizando, sin ningún problema, cerrando respectivamente la misma.

image.png


Justificar el texto:

Para justificar un texto o párrafo, solo debemos colocar al principio del mismo la etiqueta "div" con el parámetro "class", dándole la propiedad de "text-justify" de la siguiente manera:

image.png


Alinear texto a la izquierda o derecha:

Otro truco, que no aparece por defecto en este nuevo editor y que es de mucha utilidad (Al menos para mí), es la alineación de un texto a la derecha o a la izquierda. Sencillamente, hacemos como en el anterior código, con la única diferencia que la propiedad que pasamos "text-justify" debe ser sustituída por "pull-right" si deseamos alinear a la derecha, o "pull-left" si queremos alinear a la izquierda. Repito, aunque no veas los cambios en la vista previa, ¡El código funciona!, ya realicé todas las pruebas necesarias.

image.png


Separator.png

Para finalizar, les dejo una demostración del uso de los códigos de alineación que les acabo de dar arriba. Espero todos puedan utilizarlos y acostumbrarse a la nueva metodología, que básicamente es lo mismo, pero ahora sin tanta vista previa.

Prueba de texto, justificado y alineado a la izquierda.

Steemit es una de las mejores plataformas que existen a nivel mundial, en donde muchos usuarios publican contenido diverso en él, y obtienen recompensas reales por dichas publicaciones. Existen muchas variedades de publicaciones, desde gente escribiendo sobre problemas del mundo hasta gente cantando y bailando para divertirse.

Prueba de texto, justificado y alineado a la derecha.

Steemit es una de las mejores plataformas que existen a nivel mundial, en donde muchos usuarios publican contenido diverso en él, y obtienen recompensas reales por dichas publicaciones. Existen muchas variedades de publicaciones, desde gente escribiendo sobre problemas del mundo hasta gente cantando y bailando para divertirse.


Texto centrado


Gracias a todos por su atención. No dudes en contactarme si tienen alguna duda, dejando un comentario en esta publicación para más información sobre una etiqueta en específica. Como ven, sólo fue un cambio de interfaz pero la estructura sigue siendo igual.

Nos vemos en la próxima, se les quiere.

@alejandrop ~ de Cumaná, estado Sucre → ¡Para todo el mundo!


Separator.png



Sort:  
 3 years ago (edited)

Excelente explicacion bro. Gracias por compartirla!

Muchísimas gracias amigo por aportar tus conocimientos a toda la comunidad. Saludos. 😘

Gracias amigo @alejandrop, por compartir lo que sabes con todos, muy bien explicado todo, ahora nos toca es adaptarnos a este nuevo entorno con que nos sorprendió steemit hoy😉👍

Saludos....
#venezuela
#affable

Hola, probablemente no sea permanente, me parece de muy mal gusto que ahora sea así, y no creo que sea el único con este problema. Yo aspiro que pronto solucionen este inconvenientes, al menos con la cuestión del visor automático, que detecte las etiquetas HTML y no sólo los "opcodes" de edición rápida.

Saludos, gracias por su comentario y por compartir con los demás. Es muy valioso para mí.

Excelente post, pero igual no me gusta porque no puedo subir las fotografías y si antes no me votaban ahora menos porque no puedo publicar sin imágenes, que triste.

Hola @giocondina. Por supuesto que puedes subir tus imágenes, en el post está explicado cómo hacerlo de forma manual, pero si no puedes hacerlo, te invito a que utilices servidores externos de hosting de imágenes, como por ejemplo ImgBB. Haz clic aquí para visitarla y le eches un vistazo, pero no creo que sea necesario, repito: Puedes dar aquí:

image.png

y se abrirá el diálogo para abrir una imagen de tu computadora para subirla. Y aunque no la veas en el panel de pre-visualización de la derecha, la imagen sí aparecerá al publicar tu post.

Un saludo y gracias por comentar.

Ya lo intenté pero lamentablemente no me ha funcionado, por eso la razón de mi comentario de todas formas continuaré intentado y muchas gracias por el comentario. Saludos!

Entonces puede ser problema de su navegador o el internet. Por lo momentos sugiero utilizar el hosting aparte y colocar las imágenes aquí con el código img src="link de la imagen" y listo.. un saludo.

Coin Marketplace

STEEM 0.32
TRX 0.12
JST 0.033
BTC 64647.16
ETH 3160.49
USDT 1.00
SBD 4.13