TinyMCE: Implementando um editor WYSIWYG em seu website

Tinymce - Editor WYSIWYG

WYSIWYG: “What You See Is What You Get” e quer dizer “O que você vê é o que você obtém”.

Estes editores WYSIWYG são muito utilizados em plataformas como wordpress e joomla.

Dentre os editores disponíveis, estarei disponibilizando um exemplo de utilização/implementação do editor TinyMCE.

Este editor pode ser facilmente implementado em seu website.

<html>
<head>
<title>Editor Tinymce</title>
<script type="text/javascript" src="js/tiny_mce.js"></script>
<script type="text/javascript">
   tinyMCE.init({
     mode : "textareas",
     theme : "advanced",
   });
</script>
</head>
 
<body>
<form method="post" action="nomedapagina">
   <textarea style="width:100%;height:500px"></textarea>
   <input type="button" value="Enviar" />
</form>
</body>
</html>

Exemplo completo para download aqui.

3 comentários em “TinyMCE: Implementando um editor WYSIWYG em seu website

  • 23 de dezembro de 2012 em 18:10
    Permalink

    Como configura o botão enviar?

    Resposta
    • 13 de janeiro de 2013 em 10:20
      Permalink

      O botão enviar é configurado pelo próprio HTML – vc usa input type submit.

      Resposta

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *