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:

  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.
Fecha: Oct 25, 2019 Nro de Vistas: 1390
Invítame un Café

Si nuestros tutoriales te ayudaron una manera de dar gracias es apoyándonos. Esto nos permitirá seguir publicando mas tutoriales.