plugin jquery editor de acordes openlyrics
Open Lyrics Chord Editor
Open Lyrics Chord Editor: Es un Plugin Jquery que nos permite editar letras de canciones e insertar sus respectivos acordes de música de acuerdo a las reglas estandard de OpenLyrics.org.
Con Open Lyrics Chord Editor sus acordes serán estables y siempre mantendrán la posición correcta ahun cuando modifiquen el tamaño del texto, tipo de fuente, alineación etc.
¿Cómo implementarlo?
El siguiente codigo muestra una web básica
<html> <head> <meta charset="utf-8"> <title>Demo OpenLyrics Chord Editor</title> <script src="https://code.jquery.com/jquery-3.4.1.js"></script> <script src="https://www.semsoft-peru.com/lib/jquery/plugins/sspopenlyrics/sspopenlyrics.js"></script> </head> <body> <form action="" method="post" name="frmChordEditor"> <textarea placeholder="Letra y Acordes de la Canción" rows="20" spellcheck="true" id="txtChords" name="txtChords"></textarea> </form> <script> $( "#txtChords" ).semOpenLyrics(); </script> </body> </html>
Como podemos observar es:
- Añadimos la libreria de Jquery.
- Añadimos la libreria del Plugin siempre después de Jquery
- Inicializamos el textarea que será nuestro editor.
Invítame un Café
Si nuestros tutoriales te ayudaron una manera de dar gracias es apoyándonos. Esto nos permitirá seguir publicando mas tutoriales.