Gestor de Contenidos con PHP, MySQL, Bootstrap, TinyMCE y Open Manager.

Voy a mostrar como insertar contenido html a una base de datos MySQL, con PHP, para ello vamos a realizar una serie de pasos para obtener nuestro simple pero muy útil gestor de contenido. Veamos como se hace:

Paso 1: Crear plantilla html usando el Framework Bootstrap y llamaremos a dicha plantilla “index.php“. A continuación muestro el código.

Paso 2: Descargar el Plugins openmanagerdemo y descomprimirlo, luego copiar las carpetas “jscripts” y “uploads” en la misma ruta donde creamos el archivo “index.php“.

 

Paso 3:  Configurar el Plugins “TinyMCE’ para que funciones nuestro editor de texto enriquecido. Agregaremos la siguintes lineas de código JavaScript  antes de la etiqueta de cierre del </body>  dentro del archivo “index.php” previamente creado:

Paso 4: Agregamos TinyMCE skin Twitter Bootstrap, para cambiar el aspecto de los botones del editor. Descargar Plugin AQUI, Y descomprimir el contenido de la carpeta llamada bootstrap en la siguiente  ruta: jscripts > tiny_mce >  themes > advanced > skins
Paso 5: Procedemos a crear la base de datos en php MyAdmin, para el ejemplo la llamaremos “gestor_contenido”, a continuación se creará una tabla donde se almacenará el contenido.

Paso 6: Dentro de la carpeta root crear una carpeta llama “db“, que es allí donde se colocará los datos de conexión a la base de datos y nombraremos dicho archivo “conexion.php”.

Paso 7: Almacenar el contenido en la base de datos. Antes de la etiqueta <form>, que se encuentra en nuestro archivo index.php colocar el siguiente fragmento de código

Paso 8: Uniendolo todo: Nuestro archivo index.php debería quedar de la siguiente manera.

 

En los tutoriales siguientes les mostraré como editar el contenido, eliminar contenido y como se verá el contenido insertado como un blog de noticias y comentarios. La versión demostrativa y el código fuente completo lo pondrán descargar al finalizar el Tutorial completamente.

Espero sus comentarios o sus sugerencias 🙂

  • Giovanny Vásquez

    Cuándo terminará el ejemplo?? Esta muy interesante.
    Y además es lo que estoy necesitando en estos momentos, me le pasado buscando y no encuentro nada.

    • Obed

      Podrías decirme que es lo que has estado buscando concretamente. O si lo necesitas en algún proyecto en especifico?

  • Jhon A.

    Estoy igual de interesado que Giovanny

    • Obed

      Gracias por tu comentario Jhon, veras este proyecto no lo finalicé ya que vi que ni tuvo mucha aceptación (visitas) entre los usuarios! Ahora que veo sus comentarios haré lo posible de retomarlo

      • Jhon A.

        Gracias Obed, estaria agradecido, ya que haciendo una búsqueda rapida no hay guias practicas hacia el Gestor de Contenidos nativo en HTML, la poca aceptación se puede deber en gran medida a los ya existentes gestores como lo es WordPress. En mas para ayudarte, tomare como compromiso el compartir tu esfuerzo en las redes y grupos de programación a los que pertenezco.

        • Obed

          Muy acertado tu comentario! Actualmente existen potentes gestores de contenido que facilitan el trabajo, entre los cuales se encuentran WordPress. La idea es crear un gestor simple, en el cual puedas manipular la estructura php o html fácilmente. Desde luego que puedes hacer lo mismo en WordPress, pero debes conocer muy bien el core de wordpress.

  • Jhon A.

    Solo paso por aqui, para confirmar mi interés de seguir tus pasos con este proyecto. xD

  • Giovanny Vásquez

    Que tal Obed, cuándo terminaras el tutorial?
    Y de paso felicitarte por tu muy buen aporte.
    Bendiciones, y sigue adelanté.

  • https://blvdc.wordpress.com/ Wuilmer Bolivar

    Saludos Obed, según he visto en los comentarios, podemos concluir que el gestor de contenidos no lo vas a concluir. En ese caso puedo utilizar lo que actualmente tienes para publicarlo en github, respetando claro tus derechos de autor principal, es interesante este proyecto. Saludos.

    • Obed

      Hola Wuilmer, en efecto así es, lamentablemente no he podido finalizar el proyecto por cuestiones de tiempo. Claro que lo puedes publicar en Github y seria genial si lo puedes finalizar y compartirlo 😀

  • SERGIO MONSALVE

    Muy Buen aporte, cuando realizas la continuacion del post.

  • Alejandro Sanchez

    Ey Obed un cordial saludo , soy un poco nuevo con php y woow veo este código y esta genial , me podrías asesorar a mostrar esas entradas en una pagina nueva , como las puedo listar ? tu tienes el archivo entradas.php o contenido.php podrias compartirmelo muchas gracias bro

  • Lenin Morales Rivera

    Posible solución al “Vuelo:
    estuve haciendo una investigación similar, partiendo de tus codigos, use “carrusel Boostrap” para tener la solución:

    El carrusel tiene: Agregar, Editar y Borrar (odvio de un Crud)

    Para la posible solución use este mini framework: http://premiumsoftware.net/cleditor/simpledemo

    y para el grabado correcto se elimina el “strip_tags” php de “Descripción” en las funciones ajax.php del carrusel

    Ahora ya se puede usar un gestor de contenido en el carrusel

    si no te gusto, puedes cambiar unos datos a “ckeditor” o “tinyMCE” para que cargue “Descripción” (textarea) y sale igual el asunto.

    • Obed

      Hola Lenin, Muchas gracias por tu aporte.

      Si es posible agregar un CRUD a este ejemplo, para ello se debe hacer uso del Carousel Bootstrap dinámico con PHP y MySQL: https://obedalvarado.pw/blog/carousel-bootstrap-dinamico-con-php-y-mysql/

      Haciendo uso de dicho codigo, bien se podría hacer la parte que falta a este tutorial, si gustas puedo pasarte una plantilla premium para que se vea mas hermoso y lo finalizas?