Tiene un botón de vista previa que puedes usar. Es el que yo uso para pre-visualizar el contenido.
1 - Descarga el 'Main Package'. Cuando lo descomprimas solo vas a necesitar la carpeta: tinymce -> jscripts ->
tiny_mce (el que está en bold)
2 - Yo usualmente pongo esa carpeta en mi folder de javascript que siempre tengo en la raíz de mis websites, pero tu ponlo donde consideres mejor.
3 - Tienes que crear un archivo donde tendrá el javascript que inicia TinyMCE. Si quieres hacerlo como yo crea un archivo llamando tinyMCE.js y dentro pones este código:
Código javascript
:
Ver originaltinyMCE.init({
theme : "advanced",
mode : "exact",
plugins : "inlinepopups,advimage,advlink,media,preview,paste",
elements : "descripcion",
theme_advanced_buttons1 : "mybutton,bold,italic,underline,forecolor,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink,cleanup,code",
theme_advanced_buttons2 : "formatselect,fontselect,fontsizeselect,separator,pastetext,pasteword,selectall,image,media,preview",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
plugin_preview_width : "700",
plugin_preview_height : "450",
paste_auto_cleanup_on_paste : true,
relative_urls : false
});
3 - Finalmente, necesitas asociar los archivos ese archivo y el que se llama "tiny_mce.js" que está dentro de la carpeta tiny_mce. Incluyes los archivos así:
Código html:
Ver original<script language="javascript" type="text/javascript" src="[ruta_del_archivo]/tiny_mce/tiny_mce.js"></script> <script language="javascript" type="text/javascript" src="[ruta_del_archivo]/tinyMCE.js"></script>
Donde dice
[ruta_del_archivo] debes remplazarlo por la ruta donde están tus archivos.
Eso es todo. Después de eso solo necesita poner un textarea con el id de 'descripcion' en la página y verás los resultados. Si quieres que el tinyMCE se aplique a todos los textarea remplaza:
Código:
elements : "descripcion",
por:
Sólo te faltaría leer un poco para que puedas ponerle los botones que quieras. Me dejas saber si tienes problemas.