No puedo insertar iconos y su clase en el elemento html
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Lee la respuesta completa abajo ↓Pregunta
bm.add('test-block', {
etiqueta: "Iconos",
categoría: "Bloques de Prismanote",
Contenido: {
script: función () {
var d = window.parent.window.modalJ;
d.setTitle('ICONS');
d.setContent('
<style>
.tabs{
Ancho: 600px;
pantalla: bloqueo;
margen: 0px auto;
posición: relativa;
relleno: 0px !importante;
}
.tabs .tab{
flotar: izquierda;
pantalla: bloqueo;
ancho: 25%;
}
.tabs .tab>input[type="radio"] {
posición: absoluta;
Arriba: -9999px;
izquierda: -9999px;
}
.tabs .tab>label {
pantalla: bloqueo;
acolchado: 6px 21px;
tamaño de fuente: 12px;
transformada de texto: mayúsculas;
cursor: puntero;
posición: relativa;
color: #FFF;
Antecedentes: #4A83FD;
}
div#tab-content1 {
color:#000;
}
div#tab-content2 {
color:#000;
}
div#tab-content3 {
color:#000;
}
div#tab-content4 {
color:#000;
}
.tabs .content {
Z-índice: 0;
desbordamiento: oculto;
Ancho: 599px !importante;
acolchado: 25px;
posición: absoluta;
Top: 26px;
izquierda: 0;
Antecedentes: #b3b3b3;
color: #DFDFDF;
opacidad: 0;
transición: opacidad de 400ms de flexibilización;
}
.tabs .tab>label {
pantalla: bloqueo;
acolchado: 6px 21px;
tamaño de fuente: 12px;
transformada de texto: mayúsculas;
cursor: puntero;
posición: relativa;
color: #FFF;
Antecedentes: #444444 !Importante;
}
.tabs>.tab>[id^="tab"]:verificado + etiqueta {
arriba: 0;
Antecedentes: #b3b3b3 !importante;
color: #F5F5F5;
}
.gjs-mdl-dialog {
Altura: 558px ! Importante;
}
.tabs>.tab>[id^="tab"]:verificado + etiqueta {
arriba: 0;
antecedentes: #303030;
color: #F5F5F5;
}
.tabs>.tab>[id^="tab"]:checked ~ [id^="tab-content"] {
índice z: 1;/* o display: block; */
opacidad: 1;
transición: opacidad de 400ms de flexibilización;
}
.icon {
pantalla: bloque en línea;
ancho: 64px;
Altura: 64px;
Altura de línea: 64px;
tamaño de fuente: 24px;
alineación vertical: centro;
text-align: center;
cursor: puntero;
Radio de frontera: 2px;
borde: 1px sólido transparente;
}
div#tab-content1 {
Altura máxima: 460px ! Importante;
desbordamiento: desplazamiento;
}
div#tab-content2 {
Altura máxima: 407px;
desbordamiento: desplazamiento;
}
div#tab-content3 {
Altura máxima: 407px;
desbordamiento: desplazamiento;
}
div#tab-content4 {
Altura máxima: 407px;
desbordamiento: desplazamiento;
}
.gjs-mdl-dialog {
Ancho máximo: 630px !importante;
}
</style>
<ul class="tabs" data-gjs-droppable=".tab">
<li class="tab">
<tipo de entrada="radio" nombre="pestañas" marcado="marcado" id="tabula1" />
<etiqueta for="tab1">Puro</label>
<div id="tab-content1" class="content">
<h4>
<font style="vertical-align: heredar;">Iconos de la mano</font>
</h4>
<i class="icon fa fa-hand-grab-o" aria-hidden="true"></i>
<i class="icon fa fa-hand-lizard-o" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-down" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-left" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-right" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-up" aria-hidden="true"></i>
<i class="icon fa fa-hand-paper-o" aria-hidden="true"></i>
<i class="icon fa fa-hand-peace-o" aria-hidden="true"></i>
<i class="icon fa fa-hand-pointer-o" aria-hidden="true"></i>
<i class="icon fa fa-hand-rock-o" aria-hidden="true"></i>
<i class="icon fa fa-tijeras de mano" aria-hidden="true"></i>
<i class="icon fa fa-hand-spock-o" aria-hidden="true"></i>
<i class="icon fa fa-hand-stop-o" aria-hidden="true"></i>
<i class="icon fa fa-thumbs-down" aria-hidden="true"></i>
<i class="icon fa fa-thumbs-o-down" aria-hidden="true"></i>
<i class="icon fa fa-thumbs-o-up" aria-hidden="true"></i>
<i class="icon fa fa-thumbs-up" aria-hidden="true"></i>
<h4>
<font style="vertical-align: heredará;">Iconos de transporte</font>
</h4>
<i class="icon fa fa-ambulance" aria-hidden="true"></i>
<i class="icon fa fa-automobile" aria-hidden="true"></i>
<i class="icon fa fa-bicycle" aria-hidden="true"></i>
<i class="icon fa fa-bus" aria-hidden="true"></i>
<i class="icon fa fa-cab" aria-hidden="true"></i>
<i class="icon fa fa-car" aria-hidden="true"></i>
<i class="icon fa fa-fighter-jet" aria-hidden="true"></i>
<i class="icon fa fa-motorcycle" aria-hidden="true"></i>
<i class="icon fa fa-plane" aria-hidden="true"></i>
<i class="icon fa fa-rocket" aria-hidden="true"></i>
<i class="icon fa fa-ship" aria-hidden="true"></i>
<i class="icon fa fa-space-shuttle" aria-hidden="true"></i>
<i class="icon fa fa-subway" aria-hidden="true"></i>
<i class="icon fa fa-taxi" aria-hidden="true"></i>
<i class="icon fa fa-train" aria-hidden="true"></i>
<i class="icon fa fa-truck" aria-hidden="true"></i>
<i class="icon fa fa-silla de ruedas" aria-hidden="true"></i>
<i class="icon fa fa-wheelchair-alt" aria-hidden="true"></i>
</li>
</div>
<li class="tab">
<tipo de entrada="radio" nombre="pestañas" id="tabula2" />
<etiqueta for="tab2">Limpiar</label>
<div id="tab-content2" class="content">
<h4>
<font style="vertical-align: heredar;">Iconos de aplicaciones web</font>
</h4>
<i class="icon fa fa-anchor" aria-hidden="true"></i>
<i class="icon fa fa-archive" aria-hidden="true"></i>
<i class="icon fa fa-area-chart" aria-hidden="true"></i>
<i class="icon fa fa-flechas" aria-hidden="true"></i>
<i class="icon fa fa-arrows-h" aria-hidden="true"></i>
<i class="icon fa fa-arrows-v" aria-hidden="true"></i>
<i class="icon fa fa-asterisk" aria-hidden="true"></i>
<i class="icon fa fa-at" aria-hidden="true"></i>
<i class="icon fa fa-sign-in" aria-hidden="true"></i>
<i class="icon fa fa-desconectar" aria-hidden="true"></i>
<i class="icon fa fa-signal" aria-hidden="true"></i>
<i class="icon fa fa-sitemap" aria-hidden="true"></i>
<i class="icon fa fa-sliders" aria-hidden="true"></i>
<i class="icon fa fa-smile-o" aria-hidden="true"></i>
<i class="icon fa fa-soccer-ball-o" aria-hidden="true"></i>
<i class="icon fa fa-sort" aria-hidden="true"></i>
<i class="icon fa fa-sort-alpha-asc" aria-hidden="true"></i>
<i class="icon fa fa-sort-alpha-desc" aria-hidden="true"></i>
<i class="icon fa fa-sort-amount-asc" aria-hidden="true"></i>
<i class="icon fa fa-sort-amount-desc" aria-hidden="true"></i>
<i class="icon fa fa-sort-asc" aria-hidden="true"></i>
<i class="icon fa fa-sort-desc" aria-hidden="true"></i>
<i class="icon fa fa-sort-down" aria-hidden="true"></i>
<i class="icon fa fa-sort-numeric-asc" aria-hidden="true"></i>
<i class="icon fa fa-sort-numeric-desc" aria-hidden="true"></i>
<i class="icon fa fa-sort-up" aria-hidden="true"></i>
<i class="icon fa fa-space-shuttle" aria-hidden="true"></i>
<i class="icon fa fa-spinner" aria-hidden="true"></i>
<i class="icon fa fa-spoon" aria-hidden="true"></i>
<i class="icon fa fa-square" aria-hidden="true"></i>
<i class="icon fa fa-square-o" aria-hidden="true"></i>
<i class="icon fa fa-star" aria-hidden="true"></i>
<i class="icon fa fa-star-half" aria-hidden="true"></i>
<i class="icon fa fa-estrella-medio-vacía" aria-hidden="true"></i>
<i class="icon fa fa-estrella-medio-llena" aria-hidden="true"></i>
<i class="icon fa fa-star-half-o" aria-hidden="true"></i>
<i class="icon fa fa-star-o" aria-hidden="true"></i>
<i class="icon fa fa-post-post" aria-hidden="true"></i>
<i class="icon fa fa-post-note-o" aria-hidden="true"></i>
<i class="icon fa fa-street-view" aria-hidden="true"></i>
<i class="icon fa fa-maleta" aria-hidden="true"></i>
<i class="icon fa fa-sun-o" aria-hidden="true"></i>
<i class="icon fa fa-support" aria-hidden="true"></i>
<i class="icon fa fa-tablet" aria-hidden="true"></i>
<i class="icon fa fa-tachometer" aria-hidden="true"></i>
<i class="icon fa fa-tag" aria-hidden="true"></i>
<i class="icon fa fa-tags" aria-hidden="true"></i>
<i class="icon fa fa-tasks" aria-hidden="true"></i>
<i class="icon fa fa-taxi" aria-hidden="true"></i>
<i class="icon fa fa-television" aria-hidden="true"></i>
<i class="icon fa fa-terminal" aria-hidden="true"></i>
<h4>
<font style="vertical-align: heredar;">Iconos de pago</font>
</h4>
<i class="icon fa fa-cc-amex" aria-hidden="true"></i>
<i class="icon fa fa-cc-diners-club" aria-hidden="true"></i>
<i class="icon fa fa-cc-discover" aria-hidden="true"></i>
<i class="icon fa fa-cc-jcb" aria-hidden="true"></i>
<i class="icon fa fa-cc-mastercard" aria-hidden="true"></i>
<i class="icon fa fa-cc-PayPal" aria-hidden="true"></i>
<i class="icon fa fa-cc-stripe" aria-hidden="true"></i>
<i class="icon fa fa-cc-visa" aria-hidden="true"></i>
<i class="icon fa fa-credit-card" aria-hidden="true"></i>
<i class="icon fa fa-credit-card-alt" aria-hidden="true"></i>
<i class="icon fa fa-google-wallet" aria-hidden="true"></i>
<i class="icon fa fa-PayPal" aria-hidden="true"></i>
</div>
</li>
<li class="tab">
<tipo de entrada="radio" nombre="pestañas" id="tabula3" />
<etiqueta for="tab3">Elegante</label>
<div id="tab-content3" class="content">
<h4>
<font style="vertical-align: heredará;">Iconos de direcciones</font>
</h4>
<i class="icon fa fa-angle-double-down" aria-hidden="true"></i>
<i class="icon fa fa-ángulo-doble-izquierda" aria-hidden="true"></i>
<i class="icon fa fa-ángulo-doble-derecha" aria-hidden="true"></i>
<i class="icon fa fa-ángulo-double-up" aria-hidden="true"></i>
<i class="icon fa fa-angle-down" aria-hidden="true"></i>
<i class="icon fa fa-angle-left" aria-hidden="true"></i>
<i class="icon fa fa-ángulo-derecho" aria-hidden="true"></i>
<i class="icon fa fa-angle-up" aria-hidden="true"></i>
<i class="icon fa fa-arrow-circle-down" aria-hidden="true"></i>
<i class="icon fa fa-flecha círculo-izquierda" aria-hidden="true"></i>
<i class="icon fa fa-círculo-o-abajo" aria-hidden="true"></i>
<i class="icon fa fa-arrow-circle-o-left" aria-hidden="true"></i>
<i class="icon fa fa-arrow-circle-o-right" aria-hidden="true"></i>
<i class="icon fa fa-arrow-circle-o-up" aria-hidden="true"></i>
<i class="icon fa fa-flecha-círculo-derecha" aria-hidden="true"></i>
<i class="icon fa fa-arrow-circle-up" aria-hidden="true"></i>
<i class="icon fa fa-arrow-down" aria-hidden="true"></i>
<i class="icon fa fa-flecha izquierda" aria-hidden="true"></i>
<i class="icon fa fa-arrow-right" aria-hidden="true"></i>
<i class="icon fa fa-arrow-up" aria-hidden="true"></i>
<i class="icon fa fa-flechas" aria-hidden="true"></i>
<i class="icon fa fa-arrows-alt" aria-hidden="true"></i>
<i class="icon fa fa-arrows-h" aria-hidden="true"></i>
<i class="icon fa fa-arrows-v" aria-hidden="true"></i>
<i class="icon fa fa-caret-down" aria-hidden="true"></i>
<i class="icon fa fa-caret-left" aria-hidden="true"></i>
<i class="icon fa fa-caret-right" aria-hidden="true"></i>
<i class="icon fa fa-caret-square-o-down" aria-hidden="true"></i>
<i class="icon fa fa-caret-square-o-left" aria-hidden="true"></i>
<i class="icon fa fa-caret-square-o-right" aria-hidden="true"></i>
<i class="icon fa fa-caret-square-o-up" aria-hidden="true"></i>
<i class="icon fa fa-caret-up" aria-hidden="true"></i>
<i class="icon fa fa-chevron-circle-down" aria-hidden="true"></i>
<i class="icon fa fa-chevron-circle-left" aria-hidden="true"></i>
<i class="icon fa fa-chevron-circle-right" aria-hidden="true"></i>
<i class="icon fa fa-chevron-circle-up" aria-hidden="true"></i>
<i class="icon fa fa-chevron-down" aria-hidden="true"></i>
<i class="icon fa fa-chevron-left" aria-hidden="true"></i>
<i class="icon fa fa-chevron-right" aria-hidden="true"></i>
<i class="icon fa fa-chevron-up" aria-hidden="true"></i>
<i class="icon fa fa-exchange" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-down" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-left" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-right" aria-hidden="true"></i>
<i class="icon fa fa-hand-o-up" aria-hidden="true"></i>
<i class="icon fa fa-long-arrow-down" aria-hidden="true"></i>
<i class="icon fa fa-long-arrow-left" aria-hidden="true"></i>
<i class="icon fa fa-long-arrow-right" aria-hidden="true"></i>
<i class="icon fa fa-long-arrow-up" aria-hidden="true"></i>
<i class="icon fa fa-toggle-down" aria-hidden="true"></i>
<i class="icon fa fa-toggle-left" aria-hidden="true"></i>
<i class="icon fa fa-toggle-right" aria-hidden="true"></i>
<i class="icon fa fa-toggle-up" aria-hidden="true"></i>
</div>
</li>
<li class="tab">
<tipo de entrada="radio" nombre="pestañas" id="tab4" />
<etiqueta for="tab4">Minimalista</label>
<div id="tab-content4" class="content">
<h4>
<font style="vertical-align: heredar;">Medical Icons</font>
</h4>
<i class="icon fa fa-ambulance" aria-hidden="true"></i>
<i class="icon fa fa-h-square" aria-hidden="true"></i>
<i class="icon fa fa-heart" aria-hidden="true"></i>
<i class="icon fa fa-heart-o" aria-hidden="true"></i>
<i class="icon fa fa-latido del corazón" aria-hidden="true"></i>
<i class="icon fa fa-hospital-o" aria-hidden="true"></i>
<i class="icon fa fa-medkit" aria-hidden="true"></i>
<i class="icon fa fa-plus-square" aria-hidden="true"></i>
<i class="icon fa fa-estetoscopio" aria-hidden="true"></i>
<i class="icon fa fa-user-md" aria-hidden="true"></i>
<i class="icon fa fa-silla de ruedas" aria-hidden="true"></i>
<i class="icon fa fa-wheelchair-alt" aria-hidden="true"></i>
<h4>
<font style="vertical-align: heredará;">Iconos de marcas</font>
</h4>
<i class="icon fa fa-500px" aria-hidden="true"></i>
<i class="icon fa fa-and" aria-hidden="true"></i>
<i class="icon fa fa-amazon" aria-hidden="true"></i>
<i class="icon fa fa-android" aria-hidden="true"></i>
<i class="icon fa fa-angellist" aria-hidden="true"></i>
<i class="icon fa fa-apple" aria-hidden="true"></i>
<i class="icon fa fa-bandcamp" aria-hidden="true"></i>
<i class="icon fa fa-behance" aria-hidden="true"></i>
<i class="icon fa fa-behance-square" aria-hidden="true"></i>
<i class="icon fa fa-bitbucket" aria-hidden="true"></i>
<i class="icon fa fa-bitbucket-square" aria-hidden="true"></i>
<i class="icon fa fa-bitcoin" aria-hidden="true"></i>
<i class="icon fa fa-black-tie" aria-hidden="true"></i>
<i class="icon fa fa-bluetooth" aria-hidden="true"></i>
<i class="icon fa fa-bluetooth-b" aria-hidden="true"></i>
<i class="icon fa fa-btc" aria-hidden="true"></i>
<i class="icon fa fa-buysellads" aria-hidden="true"></i>
<i class="icon fa fa-cc-amex" aria-hidden="true"></i>
<i class="icon fa fa-cc-diners-club" aria-hidden="true"></i>
<i class="icon fa fa-cc-discover" aria-hidden="true"></i>
<i class="icon fa fa-cc-jcb" aria-hidden="true"></i>
<i class="icon fa fa-cc-mastercard" aria-hidden="true"></i>
<i class="icon fa fa-cc-PayPal" aria-hidden="true"></i>
<i class="icon fa fa-cc-stripe" aria-hidden="true"></i>
<i class="icon fa fa-cc-visa" aria-hidden="true"></i>
<i class="icon fa fa-chrome" aria-hidden="true"></i>
<i class="icon fa fa-codepen" aria-hidden="true"></i>
<i class="icon fa fa-codiepie" aria-hidden="true"></i>
<i class="icon fa fa-connectdevelop" aria-hidden="true"></i>
<i class="icon fa fa-contao" aria-hidden="true"></i>
<i class="icon fa fa-css3" aria-hidden="true"></i>
<i class="icon fa fa-dashcube" aria-hidden="true"></i>
<i class="icon fa fa-delicious" aria-hidden="true"></i>
<i class="icon fa fa-deviantart" aria-hidden="true"></i>
<i class="icon fa fa-digg" aria-hidden="true"></i>
<i class="icon fa fa-dribbble" aria-hidden="true"></i>
<i class="icon fa fa-dropbox" aria-hidden="true"></i>
<i class="icon fa fa-drupal" aria-hidden="true"></i>
<i class="icon fa fa-edge" aria-hidden="true"></i>
<i class="icon fa fa-eercast" aria-hidden="true"></i>
<i class="icon fa fa-empire" aria-hidden="true"></i>
<i class="icon fa fa-envira" aria-hidden="true"></i>
<i class="icon fa fa-etsy" aria-hidden="true"></i>
<i class="icon fa fa-expeditedssl" aria-hidden="true"></i>
<i class="icon fa fa-fa" aria-hidden="true"></i>
<i class="icon fa fa-facebook" aria-hidden="true"></i>
<i class="icon fa fa-facebook-f" aria-hidden="true"></i>
<i class="icon fa fa-facebook-official" aria-hidden="true"></i>
<i class="icon fa fa-facebook-square" aria-hidden="true"></i>
<i class="icon fa fa-firefox" aria-hidden="true"></i>
<i class="icon fa fa-first-order" aria-hidden="true"></i>
<i class="icon fa fa-flickr" aria-hidden="true"></i>
<i class="icon fa fa-font-awesome" aria-hidden="true"></i>
<i class="icon fa fa-fonticons" aria-hidden="true"></i>
<i class="icon fa fa-fort-awesome" aria-hidden="true"></i>
<i class="icon fa fa-forumbee" aria-hidden="true"></i>
<i class="icon fa fa-foursquare" aria-hidden="true"></i>
<i class="icon fa fa-free-code-camp" aria-hidden="true"></i>
<i class="icon fa fa-ge" aria-hidden="true"></i>
<i class="icon fa fa-get-pocket" aria-hidden="true"></i>
<i class="icon fa fa-gg" aria-hidden="true"></i>
<i class="icon fa fa-gg-circle" aria-hidden="true"></i>
<i class="icon fa fa-git" aria-hidden="true"></i>
<i class="icon fa fa-git-square" aria-hidden="true"></i>
<i class="icon fa fa-github" aria-hidden="true"></i>
<i class="icon fa fa-github-alt" aria-hidden="true"></i>
<i class="icon fa fa-github-square" aria-hidden="true"></i>
<i class="icon fa fa-gitlab" aria-hidden="true"></i>
<i class="icon fa fa-gittip" aria-hidden="true"></i>
<i class="icon fa fa-glide" aria-hidden="true"></i>
<i class="icon fa fa-glide-g" aria-hidden="true"></i>
<i class="icon fa fa-google" aria-hidden="true"></i>
<i class="icon fa fa-google-plus" aria-hidden="true"></i>
<i class="icon fa fa-google-plus-circle" aria-hidden="true"></i>
<i class="icon fa fa-google-plus-official" aria-hidden="true"></i>
<i class="icon fa fa-google-plus-square" aria-hidden="true"></i>
<i class="icon fa fa-google-wallet" aria-hidden="true"></i>
<i class="icon fa fa-gratipay" aria-hidden="true"></i>
<i class="icon fa fa-grav" aria-hidden="true"></i>
<i class="icon fa fa-hacker-news" aria-hidden="true"></i>
<i class="icon fa fa-houzz" aria-hidden="true"></i>
<i class="icon fa fa-html5" aria-hidden="true"></i>
<i class="icon fa fa-imdb" aria-hidden="true"></i>
<i class="icon fa fa-instagram" aria-hidden="true"></i>
<i class="icon fa fa-internet-explorer" aria-hidden="true"></i>
<i class="icon fa fa-ioxhost" aria-hidden="true"></i>
<i class="icon fa fa-joomla" aria-hidden="true"></i>
<i class="icon fa fa-jsfiddle" aria-hidden="true"></i>
<i class="icon fa fa-lastfm" aria-hidden="true"></i>
<i class="icon fa fa-lastfm-cuadrado" aria-hidden="true"></i>
<i class="icon fa fa-leanpub" aria-hidden="true"></i>
<i class="icon fa fa-linkedin" aria-hidden="true"></i>
<i class="icon fa fa-linkedin-square" aria-hidden="true"></i>
<i class="icon fa fa-linode" aria-hidden="true"></i>
<i class="icon fa fa-linux" aria-hidden="true"></i>
<i class="icon fa fa-maxcdn" aria-hidden="true"></i>
<i class="icon fa fa-meanpath" aria-hidden="true"></i>
<i class="icon fa fa-medium" aria-hidden="true"></i>
<i class="icon fa fa-meetup" aria-hidden="true"></i>
<i class="icon fa fa-mixcloud" aria-hidden="true"></i>
<i class="icon fa fa-modx" aria-hidden="true"></i>
<i class="icon fa fa-odnoklassniki" aria-hidden="true"></i>
<i class="icon fa fa-odnoklassniki-square" aria-hidden="true"></i>
<i class="icon fa fa-opencart" aria-hidden="true"></i>
<i class="icon fa fa-openid" aria-hidden="true"></i>
<i class="icon fa fa-opera" aria-hidden="true"></i>
<i class="icon fa fa-optin-monster" aria-hidden="true"></i>
<i class="icon fa fa-pagelines" aria-hidden="true"></i>
<i class="icon fa fa-PayPal" aria-hidden="true"></i>
<i class="icon fa fa-pied-piper" aria-hidden="true"></i>
<i class="icon fa fa-pied-piper-alt" aria-hidden="true"></i>
<i class="icon fa fa-pied-piper-pp" aria-hidden="true"></i>
<i class="icon fa fa-pinterest" aria-hidden="true"></i>
<i class="icon fa fa-pinterest-p" aria-hidden="true"></i>
<i class="icon fa fa-pinterest-square" aria-hidden="true"></i>
<i class="icon fa fa-product-hunt" aria-hidden="true"></i>
<i class="icon fa fa-qq" aria-hidden="true"></i>
<i class="icon fa fa-quora" aria-hidden="true"></i>
<i class="icon fa fa-ra" aria-hidden="true"></i>
<i class="icon fa fa-ravelry" aria-hidden="true"></i>
<i class="icon fa fa-rebel" aria-hidden="true"></i>
<i class="icon fa fa-reddit" aria-hidden="true"></i>
<i class="icon fa fa-reddit-alien" aria-hidden="true"></i>
<i class="icon fa fa-reddit-square" aria-hidden="true"></i>
<i class="icon fa fa-renren" aria-hidden="true"></i>
<i class="icon fa fa-resistance" aria-hidden="true"></i>
<i class="icon fa fa-safari" aria-hidden="true"></i>
<i class="icon fa fa-scribd" aria-hidden="true"></i>
<i class="icon fa fa-sellsy" aria-hidden="true"></i>
<i class="icon fa fa-share-alt" aria-hidden="true"></i>
<i class="icon fa fa-share-alt-square" aria-hidden="true"></i>
<i class="icon fa fa-shirtsinbulk" aria-hidden="true"></i>
<i class="icon fa fa-simplybuilt" aria-hidden="true"></i>
<i class="icon fa fa-skyatlas" aria-hidden="true"></i>
<i class="icon fa fa-skype" aria-hidden="true"></i>
<i class="icon fa fa-slack" aria-hidden="true"></i>
<i class="icon fa fa-slideshare" aria-hidden="true"></i>
<i class="icon fa fa-snapchat" aria-hidden="true"></i>
<i class="icon fa fa-snapchat-ghost" aria-hidden="true"></i>
<i class="icon fa fa-snapchat-square" aria-hidden="true"></i>
<i class="icon fa fa-soundcloud" aria-hidden="true"></i>
<i class="icon fa fa-spotify" aria-hidden="true"></i>
<i class="icon fa fa-stack-exchange" aria-hidden="true"></i>
<i class="icon fa fa-stack-overflow" aria-hidden="true"></i>
<i class="icon fa fa-steam" aria-hidden="true"></i>
<i class="icon fa fa-steam-square" aria-hidden="true"></i>
<i class="icon fa fa-stumbleupon" aria-hidden="true"></i>
<i class="icon fa fa-stumbleupon-circle" aria-hidden="true"></i>
<i class="icon fa fa-superpoderes" aria-hidden="true"></i>
<i class="icon fa fa-telegram" aria-hidden="true"></i>
<i class="icon fa fa-tencent-weibo" aria-hidden="true"></i>
<i class="icon fa fa-themeisle" aria-hidden="true"></i>
<i class="icon fa fa-trello" aria-hidden="true"></i>
<i class="icon fa fa-tripadvisor" aria-hidden="true"></i>
<i class="icon fa fa-tumblr" aria-hidden="true"></i>
<i class="icon fa fa-tumblr-square" aria-hidden="true"></i>
<i class="icon fa fa-twitch" aria-hidden="true"></i>
<i class="icon fa fa-twitter" aria-hidden="true"></i
<i class="icon fa fa-twitter-square" aria-hidden="true">
<i class="icon fa fa-usb" aria-hidden="true"></i>
<i class="icon fa fa-viacoin" aria-hidden="true"></i>
<i class="icon fa fa-viadeo" aria-hidden="true"></i>
<i class="icon fa fa-viadeo-square" aria-hidden="true"></i>
<i class="icon fa fa-vimeo" aria-hidden="true"></i>
<i class="icon fa fa-vimeo-square" aria-hidden="true"></i>
<i class="icon fa fa-vine" aria-hidden="true"></i>
<i class="icon fa fa-vk" aria-hidden="true"></i>
<i class="icon fa fa-wechat" aria-hidden="true"></i>
<i class="icon fa fa-weibo" aria-hidden="true"></i>
<i class="icon fa fa-weixin" aria-hidden="true"></i>
<i class="icon fa fa-whatsapp" aria-hidden="true"></i>
<i class="icon fa fa-wikipedia-w" aria-hidden="true"></i>
<i class="icon fa fa-windows" aria-hidden="true"></i>
<i class="icon fa fa-wordpress" aria-hidden="true"></i>
<i class="icon fa fa-wpbeginner" aria-hidden="true"></i>
<i class="icon fa fa-wpexplorer" aria-hidden="true"></i>
<i class="icon fa fa-wpforms" aria-hidden="true"></i>
<i class="icon fa fa-xing" aria-hidden="true"></i>
<i class="icon fa fa-xing-square" aria-hidden="true"></i>
<i class="icon fa fa-y-combinator" aria-hidden="true"></i>
<i class="icon fa fa-y-combinator-square" aria-hidden="true"></i>
<i class="icon fa fa-yahoo" aria-hidden="true"></i>
<i class="icon fa fa-yc" aria-hidden="true"></i>
<i class="icon fa fa-yc-cuadrado" aria-hidden="true"></i>
<i class="icon fa fa-yelp" aria-hidden="true"></i>
<i class="icon fa fa-yoast" aria-hidden="true"></i>
<i class="icon fa fa-youtube" aria-hidden="true"></i>
<i class="icon fa fa-youtube-play" aria-hidden="true"></i>
<i class="icon fa fa-youtube-square" aria-hidden="true"></i>
</div>
</li>
</ul>
`);
console.log('el elemento', esto, d);
d.open();
setTimeout(función(){
var classname = window.parent.window.document.getElementsByClassName("icon");
var getIconClass = function() {
var atributo = this.getAttribute("clase");
am.setTarget( null );
alerta(atributo);
document.getElementsByTagName("body")[0].setContent("class", attribute);
document.innerHTML = '<h1>Test</h1><p>LOLWAT';
editor.getComponents().add('<link rel="stylesheet" href="...">');
d.close();
};
para (var i = 0; i < nombreclase.longitud; i++) {
nombreclase[i].addEventoEscuchador('click', getIconClass, false);
}
}, 100);
},
}
});Respuestas (1)
Este hilo se ha bloqueado automáticamente porque no ha habido actividad reciente desde que se cerró. Por favor, abre un nuevo problema para bugs relacionados.
Preguntas y respuestas relacionadas
Continúa investigando con debates sobre temas similares.
Issue #1034
Insertar elemento o bloque dentro del elemento padre
Buenos días, tengo componente, tengo bloqueo tengo Trait en los cambios de escucha, ¿cómo puedo añadir "h1" dentro de ese bloque "''<div cl...
Issue #960
Sintaxis no capturadaError: Fin inesperado de la entrada
blockManager.add('design', { etiqueta: 'diseño', Contenido: { script: función () { $.ajax({ URL: Padre. DrupalBasePath + '/api/v1/rnode_ope...
Issue #792
La propiedad de script usando función no funciona con bloques
En la documentación de Componentes & JS hay este ejemplo: Esto funciona perfectamente. Pero no podría usar una función en lugar de una cade...
Issue #634
¿Cómo puedo pasar contenido con script?
Hice componentes personalizados así y también usé scripts '''js bm.add('test-block', { etiqueta: 'Bloque de prueba', atributos: { Clase: 'F...
Plugins de pago que cumplen con este problema
Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.
Cargando recomendaciones de plugins de pago...
Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.
Explora plugins gratuitos →Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.
Explora plugins premium →Explorar categorías de plugins
Ve directamente a las páginas de categorías de plugins en el marketplace.