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.

El complemento de código del editor Tinymce no funciona en el modelo de React.

16 Jul, 2023 Programación

Estoy utilizando Windmill React UI para Popup.
Dentro del popup estoy utilizando el editor Tinymce para almacenar plantillas de correo electrónico.
El editor se muestra, pero en el código fuente del popup no puedo editar.

Por favor, ayúdame a solucionar este problema.
Gracias de antemano.

js
<editor onchange="{(e)" ==""> { setEmailContent(e.target.getContent()) }}
apiKey=''
init={{
height: 300,
menubar: false,
contextmenu: 'cut copy paste',
branding: false,
plugins: 'advlist autolink lists link image charmap print preview anchor searchreplace visualblocks code fullscreen insertdatetime media table paste help wordcount',
toolbar: 'code preview | undo redo | paste image media link | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
}}
/>

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Parece que estás utilizando Windmill React UI para los elementos emergentes (popups) y el editor Tinymce para almacenar plantillas de correo electrónico. El editor se muestra, pero no puedes editar el código fuente en el elemento emergente.

    Para solucionar este problema, puedes agregar la propiedad inline al objeto init en Tinymce. Esto te permitirá editar el código fuente en el elemento emergente.

    <editor onchange="{(e)" ==""> { setEmailContent(e.target.getContent()) }}
    apiKey=''
    init={{
        height: 300,
        menubar: false,
        contextmenu: 'cut copy paste',
        branding: false,
        plugins: 'advlist autolink lists link image charmap print preview anchor searchreplace visualblocks code fullscreen insertdatetime media table paste help wordcount',
        toolbar: 'code preview | undo redo | paste image media link | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat',
        inline: true // agregar esta línea
    }}
/>

    ¡Espero que esto te ayude! Avísame si tienes alguna otra pregunta.

    ¡Gracias de antemano!

Comments are closed.