Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
¿Como crear una sentencia [code] [/code] para mi web
#1
Ojalá alguien pueda ayudarme, lo que necesito es colocar códigos html y que estos se queden como html.

Esto es una web, no en un foro ni ningún script. Quisiera saber que código necesito para que si pongo
Código:
<p style="color:#0FF"> ejemplo </p>

No coloreé el texto, que salga igual
Código:
<p style="color:#0FF"> ejemplo </p>
WWW
#2
estoy estudiando sobre esto Gran sonrisa
#3
Pues lo mas fñacil es introducir algun aracter especial (comillas,asterisco, etc) y de esa manera el codigo no se ejecutara y parecerá tal cual Guiño
WWW
#4
Pues en eso tienes razón Papi. (el anterior es solametne por cumplir la cuota xD) pero lo que sucede es que quiero que aparezca como en un CMS.

tipo acá:

Código:
[color=red]esto es un texto de color rojo en etiquetas de código

WWW
#5
Pues entonces sustituye los caracteres '<' y '>' por los códigos '&lt;' y '&gt;' y mete todo el código entre las etiquets <pre> y </pre> para que se veael texto de la forma que tu lo has excrito (con los espacios, saltos de línea, etc. )
Asi por ejemplo, para mostrar este codigo
Código:
<html>
   <head>
      <title>Mi título de mi página web</title>
   </head>
   <body>
      El cuerpo de mi página web
   </body>
</html>
debes poner el codigo siguiente

Código:
&lt;html&gt;
   &lt;head&gt;
      &lt;title&gt;Mi título de mi página web&lt;/title&gt;
   &lt;/head&gt;
   &lt;body&gt;
      El cuerpo de mi página web
   &lt;/body&gt;
&lt;/html&gt;
Como ves es fácilpero engorroso si tienes que sustituir a mano el codigo, pero puedes usar este conversor http://www.locualo.net/rcs/1-script.php y envolver el resultado en las etiquetas que te he dicho de <pre> y </pre>
luego le puedes dar formato a las etiquetas <pre> de la siguiente forma por ejemplo
Código:
pre {
  border:1px solid #A2A2A2;
  background-color:#F1F1F1;
  padding:8px;
  margin:5px;
  color:#0150c7;
  overflow:auto
}
WWW
#6
Muchas gracias Papi, ahora lo pruebo :p

Pues me sirvió, muchas gracias.

En lugar de usar la etiqueta pre, utilicé solamente CSS

Código:
.code{
background-color: #F0FFF0;
white-space: pre-wrap;
}
WWW
#7
Juliens escribió:En lugar de usar la etiqueta pre, utilicé solamente CSS

Si es otra solución Guiño
WWW
#8
Si desean ya pueden cerrar.

Lo que si tuve que utiilizar eltranformador ese que me pasaste.

Gracias por la ayuda Papi. +rep
WWW
#9
de nada juliens. Cierro el tema a peticion del creador Guiño
WWW
#10
Muchas Gracias Papi!
Cualquier duda, pregunta, comentario... Aquí estoy Guiño


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Aporte] Google Made With Code carlsmartg 3 119 29-05-2017, 08:11 PM
Último mensaje: brettavz
Sonrisa [Tutorial] Cómo utilizar Javascript para actualizar un Título R0bert0 0 338 05-12-2015, 10:07 PM
Último mensaje: R0bert0
Bombilla [Tutorial] Cómo utilizar Javascript para reproducir un archivo R0bert0 0 273 05-12-2015, 10:02 PM
Último mensaje: R0bert0
  [Duda] Cómo puedo usar python para calcular datos y mostrarlos vía php piero.cpvd 3 529 05-12-2015, 12:12 PM
Último mensaje: midd_98
  Mobirise - Crear sitios Moviles de manera facil y gratis metalfuck 3 1,618 03-11-2015, 12:56 AM
Último mensaje: Caoba
  Como crear un Código de Barras en PHP torgar22 1 368 25-03-2015, 04:33 AM
Último mensaje: garcon
  [PHP] Código para crear y eliminar una base de datos de MySQL desde PHP torgar22 5 457 27-02-2015, 12:57 AM
Último mensaje: yayito21
  Crear contraseñas seguras Netohg 43 1,913 06-02-2015, 02:45 AM
Último mensaje: Shirow_Aramaki
  Crear un mapa con puntos modificables fácilmente por cualquiera kakashi-sensei 7 459 27-01-2015, 08:02 PM
Último mensaje: kakashi-sensei
  Crear colores aleatariamente con PHP Dark_Soul 4 332 30-12-2014, 01:21 AM
Último mensaje: Dark_Soul



Usuarios navegando en este tema: 1 invitado(s)