1. Inicio
  2. Pregunta y respuesta
  3. HTML: ¿Hay alguna manera de mostrar imágenes en un área de texto?

HTML: ¿Hay alguna manera de mostrar imágenes en un área de texto?

2010-09-25 9 views
22

Así que quiero mostrar image thumbnails también en el <textarea> junto con el texto. Si conoce una solución de javascript que es perfecta también (si es posible en vainilla JS).HTML: ¿Hay alguna manera de mostrar imágenes en un área de texto?

De esta manera:

__________________ 
|Hello World  | 
| _______  | 
| | Img |  | 
| |  |  | 
| |_____|  | 
|Hello again. | 
| _______  | 
| | Img2|  | 
| |  |  | 
| |_____|  | 
|________________|

Como sé y he visto en un div o nada lo que tiene contentEditable="true" permite también, pero la imagen, permite muchas otras etiquetas HTML y una gran cantidad de cosas lo que no quiero: |

Sólo quiero text y images.

Fuente

2010-09-25 Adam

Respuesta

1

puede utilizar CSS para definir una imagen de fondo para el área de texto, y JS para establecer el texto

Fuente

2010-09-25 08:51:56 yangqi

+0

no quiero un fondo para el área de texto, quiero tener imágenes dentro del área de texto. ¿O quiere piratear el área de texto con un fondo para que parezca que hay una imagen dentro del área de texto? En caso afirmativo, esa no es una buena idea porque habrá múltiples imágenes, y también se pueden actualizar y eliminar. Editado mi pregunta para ilustrarlo. – Adam

+0

Hasta donde yo sé, no puede usar imágenes en un área de texto, ni una imagen de fondo establecida con CSS ni un elemento img. – matsolof

+0

No sé lo que quiere hacer, pero puede insertar cualquier cosa que no sea texto sin formato dentro del área de texto. Si bien puedes usar CSS para establecer una imagen de fondo para un área de texto, si quieres cambiarla, puedes usar javascript para cambiar el fondo. – yangqi

1

La respuesta corta es no, no es posible, lo siento.

Fuente

2010-09-25 08:56:26 thomasmalt

+1

Gracias por su respuesta @thomasmalt, ¿qué sugieres? ¿Cómo debo hacerlo? – Adam

+0

No estoy seguro de lo que está tratando de lograr. ¿Desea usar textarea con imágenes para mostrar su contenido al usuario, o desea usar textarea en un formato en el que el usuario proporciona texto y carga imágenes? – thomasmalt

6

Entiendo que quieras editar texto e imágenes pero ... ¿por qué tiene que estar dentro de un área de texto? Tal control está diseñado para contener texto sin formato. Hay muchos editores de HTML escritas en JavaScript:

Fuente

2010-09-25 09:06:55

+0

Porque no quiero construir un editor complejo, como dije, solo quiero 'text' y' photos'. – Adam

+0

La pregunta del usuario se refería específicamente a un área de texto. –

+3

@DustinOprea - Eso es imposible. Período. El elemento '