• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

174
Views
Tinymce, cuadro de diálogo Vuetify, no se puede escribir en el editor de código fuente o insertar código de muestra

Tengo un problema con el diálogo vuetify y el editor tinymce. Cuando abro el cuadro de diálogo con el editor, el editor no funciona según lo previsto, especialmente los complementos como Editar código fuente o Insertar código de muestra. Cuando abro uno de ellos (uno de los complementos), no puedo concentrarme en el área de texto creada por el complemento, se enfoca cada vez en la entrada del cuadro de diálogo.

Adjunté aquí (codesandbox) el código de ejemplo de trabajo. La descripción completa está en su página de problemas de Github .

¿Alguna idea de cómo solucionar el problema?

Gracias

almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

El problema aquí es que Vuetify (y muchas otras implementaciones de diálogo modal) atraparán el foco dentro del diálogo y evitarán que se mueva a otras ventanas emergentes, como las que usa TinyMCE. Para deshabilitar esto, deberá agregar el apoyo retain-focus como se indica en la documentación: https://vuetifyjs.com/en/api/v-dialog/#props

Aquí hay un codesandbox de trabajo: https://codesandbox.io/embed/tinymce-vue-forked-ec670?file=/src/App.vue

almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error