Fórum Academy - Como configurar o tinymce no vue 3

Criador José Carlos dos Santos 05/10/2023

Estou fazendo o painel com inertia, tailwind e vue 3. Consegui configurar e exibir o tinymce mas não consegui traduzir e me parece que o v-model não está pegando o valor do formulário.

const form = useForm({
    name: '',
    avaialble: '',
    description: '',
});

7 comentários

Manager Carlos Ferreira 05/10/2023

Olá, José!
Tudo bem?

Você tem o código completo no GitHub?

Criador José Carlos dos Santos 05/10/2023

Tenho sim. Atualizei o repositório agora: https://github.com/Carlosnt/project-ead

Manager Carlos Ferreira 05/10/2023

Obrigado por compartilhar, chegou a fixar o idioma?
tinymce.init({
selector: 'textarea',
language: 'pt_BR'
});

https://www.tiny.cloud/docs/tinymce/6/ui-localization/#language

Criador José Carlos dos Santos 05/10/2023

Traduziu para o português assim:

tinymce.init({
selector: 'textarea',
language: 'pt_BR'
});

Não estou conseguindo fazer o component do tinymce. Ele não envia os dados do campo para o request. Já tentei algumas congigurações e nada.

Manager Carlos Ferreira 05/10/2023

Que bom que deu certo as questões de traducao do editor.

Atualizou no GitHub como fez o v-model do valor?

Criador José Carlos dos Santos 05/10/2023

Atualizei e fiz o CRUD de categoria para cursos que não tinha. Acho que o erro está na configuração do component Editor.vue que compiei da página do tinymce: https://www.tiny.cloud/docs/tinymce/6/vue-pm/

Manager Carlos Ferreira 05/10/2023

Desculpas demorar te responder.

Vi aqui, vc usou o TyneMCE em um component, é muito bom, excelente ideia.

Usou o v-model no component, mas não atualizou no component (Editor.vue).

Uma alternativa seria usar props, e passar o valor para o component via props, e retornar o valor atualizado através evento.

Mass, antes de fazer isso, experimenta fazer o v-model diretamente no arquivo de editar (o conteúdo de Editor.vue diretamente no component de editar/criar)

Sabe a Solução? Ajude a resolver!

Precisa estar logado para conseguir responder a este ticket!

Clique Aqui Para Entrar!