ccc

TinyMCE con el upload de imágenes jbimages

 Descargar TinyMCE de https://www.tiny.cloud/get-tiny y copiarlo todo a la carpeta js de tu proyecto con el nombre de tinymce.

Descargar https://github.com/vikdiesel/justboil.me, descomprimir y la carpeta renombrarla a jbimages y copiarla dentro de la carpeta de:

js/tinymce/plugins

Crear dentro de la raíz de tu proyecto (si no existiera de antes) la carpeta de images/uploads (o como quieras llamarlo). Cuando lo hagas en el servidor asegúrate que dichas carpetas tengan permiso de escritura.

En el fichero proyectoLSG\js\tinymce\plugins\jbimages\config.php modificar:

$config['img_path'] = '/proyectoLSG/images/uploads';
$config['upload_path'] = $_SERVER['DOCUMENT_ROOT'] .$config['img_path'];


En proyectoLSG\index.php:
<!DOCTYPE html>

<html>

<head>

  <script type="text/javascript" src="js/tinymce/tinymce.min.js"></script>

<script type="text/javascript">

  tinymce.init({

        selector : "textarea",

        plugins : ["advlist autolink lists link image charmap print preview anchor", "searchreplace visualblocks code fullscreen", "insertdatetime media table contextmenu paste jbimages"],

        toolbar : "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages",

    });

</script>

</head>

<body>


<?php

if (isset($_POST["textoMain"])) { 

print_r($_POST);

}

?>

<form method="post" action="index.php">

  <textarea name="textoMain"></textarea>

  <input type="submit">

</form>

</body>

</html>


1 comentario: