Programando PHP: TinyMCE

Mostrando entradas con la etiqueta TinyMCE. Mostrar todas las entradas

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>

Elfinder con Tinymce: arreglar problema que no carga la imagen seleccionada


function Copiar(element) {

    //creamos un input que nos ayudara a guardar el texto temporalmente

    var $temp = $("<input>");

    //lo agregamos a nuestro body

    $("body").append($temp);

    //agregamos en el atributo value del input el contenido html encontrado

    //en el td que se dio click

    //y seleccionamos el input temporal

    $temp.val(element).select();

    //ejecutamos la funcion de copiado

    document.execCommand("copy");

    //eliminamos el input temporal

    $temp.remove();

   }





var f = $('#finder').elfinder({

    url : 'connectors/php/connector.php',

    lang : 'es',



    editorCallback : function(url) {

     alert('Copiado al portapapeles');

     Copiar(url);

     //var elemento = window.tinymceFileField;

     //window.opener.document.getElementById(elemento).value = url;



          //window.tinymceFileWin.focus();

             window.close();

    },

    closeOnEditorCallback : true

    // docked : true,

    // dialog : {

    //  title : 'File manager',

    //  height : 500

    // }

   })

Especial agradecimiento a Carlos Sierra García

TinyMCE

tinyMCE.activeEditor.setContent(contenido, {format: 'html'});

ccc

TinyMCE con el upload de imágenes jbimages

Elfinder con Tinymce: arreglar problema que no carga la imagen seleccionada

TinyMCE