Soporte LPD

Soporte LPD

Guías, Tutoriales, Manuales, Consejos, Trucos, Funciones de Lapolladesertora.
Ver más
  • Categoría: Internet y Tecnología » Sitios webs y Blogs
  • Creado: por Vicky Más de 7 años
  • Tipo: Todos pueden ver la comunidad
  • Tipo de validación: Los nuevos miembros son aceptados automaticamente
    Con el rango Posteador
  • 43Miembros
  • 26Temas
  • 25Seguidores
Hace 18 días

[MANUAL] Editor de texto (Post, Temas, Comentarios) WysiBB

Acerca de WysiBB, editor de BBcode Wysiwyg


WysiBB es un editor WYSIWYG BBCode de código abierto, muy sencillo y funcional, basado en jQuery. WysiBB tiene la capacidad de convertir los campos de textarea HTML en instancias del editor. Como resultado, WysiBB devuelve un bbcode limpio y correcto.

GLOSARIO: 

BBCode

BBCode proveniente del inglés Bulletin Board Code es un lenguaje de marcas ligero utilizado preferentemente en foros de discusión y correos electrónicos para embellecer la forma en que un mensaje o post es presentado.

Los BBCodes no pueden ser interpretados directamente por un navegador web, por lo que es el propio sistema del foro el que se encarga de traducir el contenido marcado en BBCode hacia un lenguaje que los navegadores web puedan entender, ya sea HTML o XHTML.

BBCode no se encuentra oficialmente regulado, pero debido a su amplia utilización se ha convertido en un estándar de facto, así como en un estándar de mejor práctica actual.

WYSIWYG

WYSIWYG, acrónimo de What You See Is What You Get (en español, "lo que ves es lo que obtienes", es una frase aplicada a los procesadores de texto y otros editores de texto con formato (como los editores de HTML) que permiten escribir un documento mostrando directamente el resultado final, frecuentemente el resultado impreso. En el caso de editores de HTML, este concepto se aplica a los que permiten escribir la página sobre una vista preliminar similar a la de un procesador de textos, ocupándose en este caso el programa de generar el código fuente en HTML. Se utiliza en contraposición a otros procesadores de texto, hoy en día poco frecuentes, en los que se escribía sobre una vista que no mostraba el formato del texto, hasta la impresión del documento.

HTML

HTML, siglas en inglés de HyperText Markup Language (‘lenguaje de marcas de hipertexto’), hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia del software que conecta con la elaboración de páginas web en sus diferentes versiones, define una estructura básica y un código (denominado código HTML) para la definición de contenido de una página web, como texto, imágenes, videos, juegos, entre otros.

jQuery

jQuery es software libre y de código abierto, posee un doble licenciamiento bajo la Licencia MIT y la Licencia Pública General de GNU v2, permitiendo su uso en proyectos libres y privados.4? jQuery, al igual que otras bibliotecas, ofrece una serie de funcionalidades basadas en JavaScript que de otra manera requerirían de mucho más código, es decir, con las funciones propias de esta biblioteca se logran grandes resultados en menos tiempo y espacio.

textarea

El elemento HTML <textarea> representa un control para la edición mutilínea de texto sin formato.


Editor WysiBB de LPD


En el siguiente gráfico se explica de manera muy general las opciones del editor


En multimedia debes conocer la inserción de videos
IMPORTANTE: Mira el siguiente post donde se explica las plataformas que soporta LPD y la forma de obtener las respectivas URL de los videos


Detallando cada opción


En este apartado se detallará el editor de texto de LPD

Negrita
Cursiva
Subrayado
Tachado
Imagen (inserta una imagen desde archivo o URL de la imagen



Video / Publicación (inserta un video o publicación ingresando la URL de la plataformas soportadas por lapolladesertora



Ejemplo:


Enlace (Inserta una dirección URL para redireccionar)



Ejemplo

LaPollaDesertora es la luz
Color del texto



Selecciona el tamaño del texto



Selecciona la Tipografía del texto
Inserta emoticones

Inserta viñetas (útil para listados)

  • La Primera Palabra
  • La segunda Frase
  • Esto fue un ejemplo


Inserta una lista numerada

  1. Esto es otro ejemplo
  2. A veces no funciona
  3. Todo es un misterio
  4. Que se yo

Ingresa un spoiler para ocultar el contenido

Ejemplo:

Esto es un spoiler---- acá van las minas en bolas a veces

Inserta un cuadro de mensajes de diferente tipo



Ejemplos

Resolución mínima 293px x 220px, peso máximo 5Mb.

Esta imagen servirá de miniatura y debe ser representativa del post.

Una lista separada por comas, que describa el contenido. Ejemplo: polla, llama, libro, gatos

Inserta una tabla a elección



Ejemplo:

LaPollaDesertoraV2
Acási que no
se coge.....siete
añossin serserios




Se puede insertar cualquier cosaesta tabla
está muy grandeni modo



Alinea el texto a la izquierda

Ejemplo
La hembra, al llegar el buen tiempo, deposita en charcos y balsas de 2.000 a 7.000 huevos, dispuestos por parejas y unidos por una membrana gelatinosa que forma dos cordones. Al cabo de dos semanas, aproximadamente, nacen los renacuajos, que, para llegar a tener el aspecto de sus progenitores, deberán experimentar, en su cuerpo, una serie de transformaciones que se llama metamorfosis.

Alinea el texto al centro

Ejemplo
El viento es un caballo:
óyelo cómo corre
por el mar, por el cielo.

Quiere llevarme: escucha
cómo recorre el mundo
para llevarme lejos.

Escóndeme en tus brazos
por esta noche sola,
mientras la lluvia rompe
contra el mar y la tierra
su boca innumerable.

Alinea el texto a la derecha

Ejemplo
Un tigre que cuando cachorro había sido capturado por humanos fue liberado luego de varios años de vida doméstica. La vida entre los hombres no había menguado sus fuerzas ni sus instintos; en cuanto lo liberaron, corrió a la selva. Ya en la espesura, sus hermanos teniéndolo otra vez entre ellos, le preguntaron:

– ¿Que has aprendido?


 Justifica el texto

Ejemplo
Canaima posee una fauna muy variada, la cual está distribuida a lo largo del parque de acuerdo a múltiples factores ambientales como la altura y el tipo de vegetación. Existen más de 300 especies endémicas en cuanto a la flora solo en La Gran Sabana. Se pueden presenciar espectaculares tepúyes (sobremesa montañosa), cascadas y palmeras de moriche. El Salto del Ángel se encuentra en el lado de los más grandes de tepuyes de Venezuela conocidas como Auyan-tepui.

Inserta un separador

Ejemplo:

Inserta un cuadro para citar o referencial un texto

Ejemplo

Cita:

Ingo Lackerbauer, en su libro “Internet”, señala que la importancia de internet en el futuro desborda todo lo acontecido hasta ahora, se está convirtiendo en el “medio de comunicación global”.

Inserta un cuadro para ingresar código

Ejemplo: "A continuación te presentamos los BBCodes mas comunes usados en LPD"
[b]Negrita[/b]
[i]Cursiva[/i]
[u]Subrayado[/u]
[s]Tachado[/s]


AVANZADO: Usar el editor de texto usando BBCode (Código)


Si deseas usar el modo avanzado para editar tus contenidos es necesario visualizar el código del editor, para ello utilizaremos la siguiente opción



Ideal para pegar y copiar todo el contenido de un post sin perder el formato para utilizarlo en otro (plantilla). A continuación veremos las mismas funciones descritas anteriormente pero con su respectivo BBCode

[b]Negrita[/b]
[i]Cursiva[/i]
[u]Subrayado[/u]
[s]Tachado[/s]
Imagen (inserta una imagen desde archivo o URL de la imagen) 



Ejemplo:
[img]https://i.imgur.com/aAbRkGO.png[/img]

Video / Publicación (inserta un video o publicación ingresando la URL de la plataformas soportadas por lapolladesertora



Ejemplo:

[video]https://twitter.com/LPDesertora/status/1208900594527866882?s=20[/video]
Enlace (Inserta una dirección URL para redireccionar)



Ejemplo

[url=http://lapolladesertora.net/]LaPollaDesertora es la luz[/url]

[color=#ff0000]Color [/color][color=#6aa84f]del [/color][color=#ffff00]texto[/color]



[size=24]Selecciona [/size][size=10]el [/size][size=16]tamaño [/size][size=18]del[/size] [size=12]texto[/size]



[font=Comic Sans MS]Selecciona [/font][font=Trebuchet MS]la Tipografía[/font] [font=Courier New]del texto[/font]

Inserta emoticones
          

Inserta viñetas (útil para listados)

[ul][li]La Primera Palabra[/li][li]La segunda Frase[/li][li]Esto fue un ejemplo[/li][/ul]

[img]https://i.imgur.com/pXIZ63k.png[/img] Inserta una lista numerada

[ol][li]Esto es otro ejemplo[/li][li]A veces no funciona[/li][li]Todo es un misterio[/li][li]Que se yo[/li][/ol]

Ingresa un spoiler para ocultar el contenido

Ejemplo:

[spoiler]Esto es un spoiler---- acá van las minas en bolas a veces [/spoiler]

Inserta un cuadro de mensajes de diferente tipo



Ejemplos

[info]Resolución mínima 293px x 220px, peso máximo 5Mb.[/info]

[error]Esta imagen servirá de miniatura y debe ser representativa del post.[/error]

[success]Una lista separada por comas, que describa el contenido. Ejemplo: polla, llama, libro, gatos[/success]

Inserta una tabla a elección



Ejemplo:

[table][tr][td]La[/td][td]Polla[/td][td]Desertora[/td][td]V2[/td][/tr][tr][td]Acá[/td][td]si [/td][td]que [/td][td]no[/td][/tr][tr][td]se [/td][td]coge[/td][td].....[/td][td]siete[/td][/tr][tr][td]años[/td][td]sin [/td][td]ser[/td][td]serios[/td][/tr][tr][td]
[/td][td][img]https://i.imgur.com/mRyZhTr.png[/img]
[/td][td]
[/td][td]
[/td][/tr][tr][td][/td][td][/td][td]Se puede insertar cualquier cosa[/td][td]esta tabla[/td][/tr][tr][td]está muy grande[/td][td]ni modo
[/td][td]
[/td][td]
[/td][/tr][/table]

Alinea el texto a la izquierda

[align=left]Ejemplo
La hembra, al llegar el buen tiempo, deposita en charcos y balsas de 2.000 a 7.000 huevos, dispuestos por parejas y unidos por una membrana gelatinosa que forma dos cordones. Al cabo de dos semanas, aproximadamente, nacen los renacuajos, que, para llegar a tener el aspecto de sus progenitores, deberán experimentar, en su cuerpo, una serie de transformaciones que se llama metamorfosis.[/align]

Alinea el texto al centro

[align=center]Ejemplo
El viento es un caballo:
óyelo cómo corre
por el mar, por el cielo.

Quiere llevarme: escucha
cómo recorre el mundo
para llevarme lejos.

Escóndeme en tus brazos
por esta noche sola,
mientras la lluvia rompe
contra el mar y la tierra
su boca innumerable.[/align]

Alinea el texto a la derecha

[align=right]Ejemplo
Un tigre que cuando cachorro había sido capturado por humanos fue liberado luego de varios años de vida doméstica. La vida entre los hombres no había menguado sus fuerzas ni sus instintos; en cuanto lo liberaron, corrió a la selva. Ya en la espesura, sus hermanos teniéndolo otra vez entre ellos, le preguntaron:

– ¿Que has aprendido?[/align]

Justifica el texto

[align=justify]Ejemplo
Canaima posee una fauna muy variada, la cual está distribuida a lo largo del parque de acuerdo a múltiples factores ambientales como la altura y el tipo de vegetación. Existen más de 300 especies endémicas en cuanto a la flora solo en La Gran Sabana. Se pueden presenciar espectaculares tepúyes (sobremesa montañosa), cascadas y palmeras de moriche. El Salto del Ángel se encuentra en el lado de los más grandes de tepuyes de Venezuela conocidas como Auyan-tepui.[/align]

Inserta un separador

Ejemplo:
 

Inserta un cuadro para citar o referencial un texto

Ejemplo

[quote]Ingo Lackerbauer, en su libro “Internet”, señala que la importancia de internet en el futuro desborda todo lo acontecido hasta ahora, se está convirtiendo en el “medio de comunicación global”.[/quote]

Inserta un cuadro para ingresar código

Ejemplo: "A continuación te presentamos los BBCodes mas comunes usados en LPD"

[code][b]Negrita[/b]
[i]Cursiva[/i]
[u]Subrayado[/u]
[s]Tachado[/s]


Regístrate para acceder a las opciones del tema
  • 0
    Favoritos
  • 30
    Visitas
  • 0
    Seguidores
  • 1
    Calificación

2 comentarios

@fischen Hace 18 días+1

@Schrodinger Hace 18 días+1
@fischen y eso que lo resumi 
Tienes que ser miembro para responder en este tema

Sección comunidades creada por Kmario19 para PHPost