JCMUNERA

Summernote: Texto enriquecido en tus formularios HTML

Getting your Trinity Audio player ready…

Con Summernote puedes añadir funciones de texto enriquecido a tus formularios HTML, la instalación es supersencilla:

Añadir HTML5 Doctype

<!DOCTYPE html>
<html lang="en">

Añadir CSS y Javascript

<!-- include libraries(jQuery, bootstrap) -->
<link href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>

<!-- include summernote css/js -->
<link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>

Añadir id=”summernote” a tu textarea

<form method="post">
  <textarea id="summernote" name="editordata"></textarea>
</form>

Run summernote

 <script>
    $(document).ready(function() {
        $('#summernote').summernote();
    });
  </script>
</body>
</html>

Publicado

en

,

por

Etiquetas:

Comentarios

Una respuesta a «Summernote: Texto enriquecido en tus formularios HTML»

  1. […] En esta versión he añadido una nueva página, game.php con el detalle de cada juego para jugarlo, aprender a programarlo y una descripción. Además, he añadido una nueva propiedad a cada juego: descripción, que me ha obligado a modificar el panel de gestión añadiendo la posibilidad de crear las descripciones de los juegos con texto enriquecido. En una entrada anterior explico cómo puedes añadir cualquier textarea de de un formulario HTML en un editor de texto enriquecido f…. […]

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *