Ayuda Notion

Soporte entre usuarios Notion


Registrate y participa

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Ejecutar código de widget externo

Tengo los siguientes códigos, pero no se ejecutan los widget, si no que sólo quedan escritos. Los widget son de relojes.

CODIGO 1

<!--Dayspedia.com widget--><div class="DPDC" cityid="1619" lang="es" id="dayspedia_widget_8de3c859e7772cd" host="https://dayspedia.com" ampm="false" nightsign="true" sun="true" style="background-image: none; padding: 24px; border-color: rgb(38, 223, 68); border-width: 0px;" auto="true">

    <style media="screen" id="dayspedia_widget_8de3c859e7772cd_style">
                /*COMMON*/
        .DPDC{display:table;position:relative;box-sizing:border-box;font-size:100.01%;font-style:normal;font-family:Arial;background-position:50% 50%;background-repeat:no-repeat;background-size:cover;overflow:hidden;user-select:none}
        .DPDCh,.DPDCd{width:fit-content;line-height:1.4}
        .DPDCh{margin-bottom:1em}
        .DPDCd{margin-top:.24em}
        .DPDCt{line-height:1}
        .DPDCth,.DPDCtm,.DPDCts{display:inline-block;vertical-align:text-top;white-space:nowrap}
        .DPDCth{min-width:1.15em}
        .DPDCtm,.DPDCts{min-width:1.44em}
        .DPDCtm::before,.DPDCts::before{display:inline-block;content:':';vertical-align:middle;margin:-.34em 0 0 -.07em;width:.32em;text-align:center;opacity:.72;filter:alpha(opacity=72)}
        .DPDCt12{display:inline-block;vertical-align:text-top;font-size:40%}
        .DPDCdm::after{content:' '}
        .DPDCda::after{content:', '}
        .DPDCdt{margin-right:.48em}
        .DPDCtn{display:inline-block;position:relative;width:13px;height:13px;border:2px solid;border-radius:50%;overflow:hidden}
        .DPDCtn>i{display:block;content:'';position:absolute;right:33%;top:-5%;width:85%;height:85%;border-radius:50%}
        .DPDCs{margin:.96em 0 0 -3px;font-size:90%;line-height:1;white-space:nowrap}
        .DPDCs sup{padding-left:.24em;font-size:65%}
        .DPDCsl::before,.DPDCsl::after{display:inline-block;opacity:.4}
        .DPDCsl::before{content:'~';margin:0 .12em}
        .DPDCsl::after{content:'~';margin:0 .24em}
        .DPDCs svg{display:inline-block;vertical-align:bottom;width:1.2em;height:1.2em;opacity:.48}
        /*CUSTOM*/

        .DPDC{width:auto;padding:24px;background-color:#ffffff;border:1px solid #343434;border-radius:8px} /* widget width, padding, background, border, rounded corners */
        .DPDCh{color:#007DBF;font-weight:normal} /* headline color, font-weight*/
        .DPDCt,.DPDCd{color:#343434;font-weight:bold} /* time & date color, font-weight */
        .DPDCtn{border-color:#343434} /* night-sign color = time & date color */
        .DPDCtn>i{background-color:#343434} /* night-sign color = time & date color */
        .DPDCt{font-size:48px} /* time font-size */
        .DPDCh,.DPDCd{font-size:16px} /* headline & date font-size */
    </style>

    <a class="DPl" href="https://dayspedia.com/time/cl/Santiago/" target="_blank" style="display:block!important;text-decoration:none!important;border:none!important;cursor:pointer!important;background:transparent!important;line-height:0!important;text-shadow:none!important;position:absolute;z-index:1;top:0;right:0;bottom:0;left:0">
        <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 16 16" style="position:absolute;right:8px;bottom:0;width:16px;height:16px">
            <path style="fill: rgb(244, 169, 184);" d="M0,0v16h1.7c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.9,0.8-1.6,1.6-1.6c0.9,0,1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5h1.8 c-0.1-0.2-0.1-0.3-0.1-0.5c0-0.9,0.8-1.6,1.6-1.6s1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5h1.8c-0.1-0.2-0.1-0.3-0.1-0.5 c0-0.9,0.8-1.6,1.6-1.6c0.9,0,1.6,0.8,1.6,1.6c0,0.2,0,0.3-0.1,0.5H16V0H0z M4.2,8H2V2h2.2c2.1,0,3.3,1.3,3.3,3S6.3,8,4.2,8z M11.4,6.3h-0.8V8H9V2h2.5c1.4,0,2.4,0.8,2.4,2.1C13.9,5.6,12.9,6.3,11.4,6.3z M4.4,3.5H3.7v3h0.7C5.4,6.5,6,6,6,5 C6,4.1,5.4,3.5,4.4,3.5z M11.3,3.4h-0.8V5h0.8c0.6,0,0.9-0.3,0.9-0.8C12.2,3.7,11.9,3.4,11.3,3.4z">
            </path>
        </svg>
        <span title="DaysPedia.com" style="position: absolute; right: 28px; bottom: 6px; height: 10px; width: 60px; overflow: hidden; text-align: right; color: rgb(244, 169, 184); font: 10px / 10px Arial, sans-serif !important;">Powered&nbsp;by DaysPedia.com</span>
    </a>
    <div class="DPDCh" style="font-size: 12px; color: rgb(244, 169, 184);">Hora Actual en Santiago de Chile</div>
    <div class="DPDCt" style="font-size: 32px;">
        <span class="DPDCth">23</span><span class="DPDCtm">18</span><span class="DPDCts">28</span><span class="DPDCt12" style="display: none;"></span>
    </div>
    <div class="DPDCd" style="font-size: 12px;">
        <span class="DPDCdt">jue, 21 de abril</span><span class="DPDCtn" style="width: 10px; height: 10px;"><i></i></span>
    </div>

    <div class="DPDCs" style="font-size: 12px; display: block;">
        <span class="DPDCsr">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12,4L7.8,8.2l1.4,1.4c0,0,0.9-0.9,1.8-1.8V14h2c0,0,0-3.3,0-6.2l1.8,1.8l1.4-1.4L12,4z"></path><path d="M6.8,15.3L5,13.5l-1.4,1.4l1.8,1.8L6.8,15.3z M4,21H1v2h3V21z M20.5,14.9L19,13.5l-1.8,1.8l1.4,1.4L20.5,14.9z M20,21v2h3 v-2H20z M6.1,23C6,22.7,6,22.3,6,22c0-3.3,2.7-6,6-6s6,2.7,6,6c0,0.3,0,0.7-0.1,1H6.1z"></path></svg>07:09<sup style="display: none;">am</sup>
        </span>
        <span class="DPDCsl">11:04</span>
        <span class="DPDCss">
            <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M12,14L7.8,9.8l1.4-1.4c0,0,0.9,0.9,1.8,1.8V4h2c0,0,0,3.3,0,6.2l1.8-1.8l1.4,1.4L12,14z"></path><path d="M6.8,15.3L5,13.5l-1.4,1.4l1.8,1.8L6.8,15.3z M4,21H1v2h3V21z M20.5,14.9L19,13.5l-1.8,1.8l1.4,1.4L20.5,14.9z M20,21v2h3 v-2H20z M6.1,23C6,22.7,6,22.3,6,22c0-3.3,2.7-6,6-6s6,2.7,6,6c0,0.3,0,0.7-0.1,1H6.1z"></path></svg>18:13<sup style="display: none;">pm</sup>
        </span>
    </div>
    <script>
        var s, t; s = document.createElement("script"); s.type = "text/javascript";
        s.src = "//cdn.dayspedia.com/js/dwidget.min.vb46adaa2.js";
        t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
        s.onload = function() {
            window.dwidget = new window.DigitClock();
            window.dwidget.init("dayspedia_widget_8de3c859e7772cd");
        };
    </script>
    <!--/DPDC-->
    </div><!--Dayspedia.com widget ENDS-->

CODIGO 2 (HTML)

<!-- clock widget start -->
<script type="text/javascript"> var css_file=document.createElement("link"); css_file.setAttribute("rel","stylesheet"); css_file.setAttribute("type","text/css"); css_file.setAttribute("href","https://s.bookcdn.com//css/cl/bw-cl-ri-pr.css?v=0.0.1"); document.getElementsByTagName("head")[0].appendChild(css_file); </script> <div id="tw_23_2095316622"><div style="width:200px; height:px; margin: 0 auto;"><a href="https://hotelmix.es/time/santiago-2114">Santiago de Chile</a><br/></div></div> <script type="text/javascript"> function setWidgetData_2095316622(data){ if(typeof(data) != 'undefined' && data.results.length > 0) { for(var i = 0; i < data.results.length; ++i) { var objMainBlock = ''; var params = data.results[i]; objMainBlock = document.getElementById('tw_'+params.widget_type+'_'+params.widget_id); if(objMainBlock !== null) objMainBlock.innerHTML = params.html_code; } } } var clock_timer_2095316622 = -1; widgetSrc = "https://widgets.booked.net/time/info?ver=2;domid=;type=23;id=2095316622;scode=2;city_id=2114;wlangid=4;mode=2;details=0;background=ffffff;border_color=ffffff;color=686868;add_background=ffffff;add_color=333333;head_color=ffffff;border=1;transparent=0"; var widgetUrl = location.href; widgetSrc += '&ref=' + widgetUrl; var wstrackId = ""; if (wstrackId) { widgetSrc += ';wstrackId=' + wstrackId + ';' } var timeBookedScript = document.createElement("script"); timeBookedScript.setAttribute("type", "text/javascript"); timeBookedScript.src = widgetSrc; document.body.appendChild(timeBookedScript); </script>
<!-- clock widget end -->

1 Respuesta

0voto

Peter Puntos7700

Estas utilizando widgets para paginas web y esos no se pueden utilizar como quieres en Notion.

Únicamente puedes utilizar widgets creados para Notion y compatibles con Notion.

Podrías probar con servicios externos como esto, pero dependes de ellos completamente.

Por favor, accede o regístrate para responder a esta pregunta.

...

En Ayuda Notion puedes preguntar, recibir soporte o responder dudas sobre como utilizar Notion. Comparte con otros usuarios como funciona Notion.

Conecta