#tinyMCE con #plugin para hacer #upload de imagenes como en #php

tinyMCE + upload de archivos, como en prestashop

– 1º) descargar tinyMCE de toda la vida de la web oficial: http://www.tinymce.com/download/download.php

– 2º) descargar el plugin FileManager4TinyMCE de : http://test.albertoperipolli.com/filemanager4tinymce/

– 3º) subimos al server la carpeta del tiniMCE

-4º) copiamos en la carpeta plugins de tiniMCE las carpetas del filemanager4 (images, link, media and filemanager)

– 5º) configuramos el config.php de la carpeta plugin/filemanager con nuestras rutas y tamaño maximo de jpg, etc …

– 6º) en el server creamos la carpeta thums dentro de plugin/filemanager y le damos permisos de escritura

– 7º) creamos la carpeta para guardar los uploads donde querais y lo indicais en el config.php de plugin/filemanager

– 8º) configuramos el javascript del HTML donde tenemos el textarea:

<!– Place inside the <head> of your HTML –>
<script type=”text/javascript” src=”tinymce.min.js”></script>
<script type=”text/javascript”>
tinymce.init({
selector: “textarea”,
theme: “modern”,
width: 680,
height: 300,
subfolder:””,
plugins: [
“advlist autolink link image lists charmap print preview hr anchor pagebreak”,
“searchreplace wordcount visualblocks visualchars code insertdatetime media nonbreaking”,
“table contextmenu directionality emoticons paste textcolor filemanager”
],
image_advtab: true,
toolbar: “undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect forecolor backcolor | link unlink anchor | image media | print preview code”
});
</script>

<!– Place this in the body of the page content –>
<form method=”post”>
<textarea></textarea>
</form>

DESCARGAR (es un pdf, descargarlo y renombrar extension como .rar) 

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s