plugin jquery editor de acordes openlyrics


Última Actualización: 31/08/2022 19:04 Nro de Vistas: 1487

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

<form action="" method="post" name="frmChordEditor">
<textarea id="txtChords" spellcheck="true" name="txtChords" rows="20" placeholder="Letra y Acordes de la Canción"></textarea>
</form>
$( "#txtChords" ).semOpenLyrics();

Como podemos observar es:

  1. Añadimos la libreria de Jquery.
  2. Añadimos la libreria del Plugin siempre después de Jquery
  3. Inicializamos el textarea que será nuestro editor.