¿Alguna forma de tener texto en div rellenar una forma de triángulo?

Estoy tratando de tener un bloque de texto en un div rellenar una forma de triángulo hacia abajo. ¿Hay alguna manera de lograr esto con CSS o Javascript?

Esto es para un sitio en el que los usuarios pueden insertar texto de forma dinámica. Estoy tratando de evitar el método alternativo, que es hacer que inserten el texto línea por línea con un límite en cada línea.

Tu pregunta es muy similar a esta .

No conozco CSS, pero puedes hacerlo con JavaScript. La idea es encontrar dónde se rompe cada línea de texto y envolver el texto restante en un nuevo div niño. Tienes que usar rangos de texto para lograrlo.

Vea esta demostración: http://jsfiddle.net/gilly3/CmguZ/7/

No conozco ninguna forma sencilla de hacer lo que me estás pidiendo. Lo mejor que se me ocurre es usar algo como el envoltorio de texto CSS , que puede ajustar su texto a cualquier forma. No lo he usado yo mismo, así que no sé con qué problemas se encontrará.

Puede ajustar cada línea de su texto con un y usar márgenes para recibir el efecto deseado y si desea que la forma tenga un color, use photoshop para crear un triángulo con el color deseado y colóquelo en el fondo.

Puedes intentar jugar con las pendientes de borde de CSS, pero no creo que se adapte completamente a tus necesidades, porque es un poco complicado y tienes que ajustar el texto manualmente. Hay algunos buenos ejemplos de este método aquí , pero es básicamente para formas simples, no para contenedores de texto.