¿Existe una forma de mostrar una imagen en un área de texto de CkEditor desde una carpeta pública en Laravel?
Tengo un editor CKEditor creado que funciona bien, pero quiero mostrar un logo (.jpeg) dentro del área de texto que se colocará en la esquina superior izquierda.
He hecho esto:
<textarea id="forwarding_letter" width='100%' height='100%' name="letter">
<img src="{{url('/img/newlogo.jpeg')}}" alt="" height="180" width="180">
<div style="width:100%; text-align: right"><strong><u>CONFIDENTIAL</u></strong></div>
</textarea>
Pero la imagen no se muestra.
También he hecho esto:
body{
background-image: url('../img/editorBackground.png') !important;
background-repeat: repeat-x;
background-attachment: local !important;
}
Esto tampoco funciona.
davy.ai
Para mostrar un logotipo dentro del área de texto de ckeditor que se encuentra en la esquina superior izquierda, puede utilizar el siguiente código:
Los estilos
position: relative;
yposition: absolute; top: 0; left: 0;
en los elementosdiv
eimg
respectivamente, posicionarán el logotipo en la esquina superior izquierda del área de texto. Puede ajustar los valores detop
yleft
para colocar el logotipo según lo desee.Si el logotipo aún no se muestra, asegúrese de que exista en la URL especificada (
/img/newlogo.jpeg
) y que la extensión del archivo sea correcta. Además, verifique que no haya errores en la consola y que la funciónurl
genere correctamente la URL.La regla de CSS
background-image
en el elementobody
no está relacionada con la visualización del logotipo dentro del área de texto de ckeditor, por lo que no afectará la visualización del logotipo.