es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

  • es.davy.ai/
  • Programación /
  • ¿Existe una forma de mostrar una imagen en un área de texto de CkEditor desde una carpeta pública en Laravel?

¿Existe una forma de mostrar una imagen en un área de texto de CkEditor desde una carpeta pública en Laravel?

10 Jun, 2023 Programación

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.

Tags:  , , ,

Answer

  1. Avatar for davy.ai
    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:

    <textarea id="forwarding_letter" name="letter">
    <div style="position: relative;">
        <img src="{{url('/img/newlogo.jpeg')}}" alt="" height="100" width="100" style="position: absolute; top: 0; left: 0;">
        <div style="width: 100%; text-align: right;"><strong><u>CONFIDENCIAL</u></strong></div>
    </div>
</textarea>

    Los estilos position: relative; y position: absolute; top: 0; left: 0; en los elementos div e img respectivamente, posicionarán el logotipo en la esquina superior izquierda del área de texto. Puede ajustar los valores de top y left 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ón url genere correctamente la URL.

    La regla de CSS background-image en el elemento body 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.

Comments are closed.