Olá, vou fazer um form e não sei como fazer para incluir uma imagem dentro da text área, algo desse tipo.
TEXTO
IMAGEM
TEXTO
Algo do tipo para o usuário incluir sabe? Como é feito aqui no stack overflow, para perguntas.
Stack Overflow em Português é um site de perguntas e respostas para programadores profissionais e entusiastas. Leva apenas um minuto para se inscrever.
Inscreva-se para participar desta comunidadeOlá, vou fazer um form e não sei como fazer para incluir uma imagem dentro da text área, algo desse tipo.
TEXTO
IMAGEM
TEXTO
Algo do tipo para o usuário incluir sabe? Como é feito aqui no stack overflow, para perguntas.
O que você deseja fazer é resolvido com editores WYSIWYG (What You See Is What You Get). Um exemplo simples desses editores é o TinyMCE. Para utilizá-lo:
Para utilizá-lo na página, você pode fazer o download da biblioteca diretamente do site. Aqui utilizarei a versão na nuvem para fins de exemplo. Adicione o arquivo JavaScript tinymce.min.js
, informando sua chave da API:
<script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=your_API_key"></script>
e crie o elemento textarea
que deseja configurar como editor. Em seu arquivo JavaScript, adicione o trecho de código que inicializa o editor:
tinymce.init({ selector:'textarea' });
Sobre a utilização de imagens no editor, você pode ler a documentação File & Image Upload.
Veja o exemplo abaixo (não funcional, pois está rodando no Snippet):
tinymce.init({ selector:'textarea' });
<script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=API_KEY"></script>
<textarea>Seu editor de texto</textarea>
Outros editores semelhantes: