Estoy buscando una manera de agregar un enlace de trabajo al eventName. Si agrego un enlace directamente en el código, se mostrará como texto, no como enlace. ¿Tengo que escribir una función completamente nueva aquí o hay algún truco lo suficientemente simple? Estaré agradecido por su respuesta.
!function () { var data = [ {eventName: '<a href="#">EventName</a>', calendar: 'Work', color: 'orange', eventTime: moment("2021-12-22")}, {eventName: '<a href="#">EventName</a>', calendar: 'Work', color: 'orange', eventTime: moment("2021-12-02")}, {eventName: '<a href="#">EventName</a>', calendar: 'Other', color: 'green', eventTime: moment("2021-12-09")} ];
Está creando el evento como un lapso, por lo que solo imprime la etiqueta de anclaje como texto
En su función Calendar.prototype.renderEvents
, debe crear una etiqueta de anclaje y establecer su href
var a = createElement("a", "", ev.eventName); a.href = "#";
En vez de
var span = createElement("span", "", ev.eventName);
Justo alrededor de la línea 303 tienes esto:
var span = createElement('span', '', ev.eventName);
El comportamiento predeterminado de ese tercer argumento es establecer su contenido como elemento de text
. Puede obligarlo a representar el contenido como HTML con esta línea adicional.
var span = createElement('span', ''); span.innerHTML= ev.eventName;
Ejemplo: https://codepen.io/javacado/pen/bGoogYg?editors=1111