Summernote: Texto enriquecido en tus formularios HTML

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>

Un comentario en «Summernote: Texto enriquecido en tus formularios HTML»

Deja un comentario