{"id":4276,"date":"2024-04-15T03:53:13","date_gmt":"2024-04-14T19:53:13","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4276"},"modified":"2024-04-15T03:53:13","modified_gmt":"2024-04-14T19:53:13","slug":"script-section","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/script-section\/","title":{"rendered":"Script Section"},"content":{"rendered":"\n
\n

Script sections empower you to exhibit formatted script snippets in a broad array of programming languages. <\/p>\n

Essential: <\/strong>Script sections do not execute any scripts. If you wish to include personalized script on your platform, review our tutorial on the insert element. <\/p><\/blockquote>\n

Throughout this tutorial, you\u2019ll discover: <\/p>\n

    \n
  1. Guidelines on incorporating and adjusting a script section<\/li>\n
  2. Strategies for designing a script section<\/li>\n<\/ol>\n

    Demonstration of adding and editing a script section <\/h2>\n

    To introduce a script section component to your platform: <\/p>\n

      \n
    1. Replicate the script you intend to exhibit in the script section<\/lia>\n
    2. Unveil Insert panel<\/strong> > Complex<\/strong>\u200d<\/li>\n
    3. Move a script section<\/strong> to the display area, a rich text component, or the rich text field within the CMS<\/li>\n
    4. Insert your script into the script editor <\/li>\n
    5. Tap Save & exit<\/strong><\/li>\n<\/ol>\n
      Notification: <\/strong>The script section component backs most programming languages; however, it does not envelop every language. A comprehensive list of supported languages is accessible in the Element settings panel<\/strong> > Script section settings<\/strong> > Language<\/strong>.<\/h6>\n

      To modify the script exhibited within the script section, pick the script section on the display area, hit the settings \u201cgear<\/strong>\u201d icon, and choose Access script editor<\/strong>. You can also initialize the script editor from Element settings panel<\/strong> > Script section settings<\/strong>.<\/p>\n

      Necessity to understand: <\/strong>Scripts in a script section component must not surpass 10,000 characters. If the script you wish to exhibit is lengthier, you can compress your script employing an external tool or distribute it into multiple script section components.<\/h6>\n

      Script section settings<\/h3>\n

      After affixing a script section to the display area, you\u2019ll uncover the ensuing settings in Element settings panel<\/strong> > Script section settings<\/strong>: <\/p>\n

        \n
      • Language<\/strong> \u2014 dictates the highlighting syntax implemented to the script in the element. The script section automatically discerns the programming language of the script you paste in, but you can regulate the language as necessary<\/li>\n
      • Theme<\/strong> \u2014 sustains light<\/strong> and dark<\/strong> theme<\/li>\n
      • Show line numbers<\/strong> \u2014 decides whether line numbers are exhibited adjacent to each line of script<\/li>\n<\/ul>\n

        Techniques for designing a script section <\/h2>\n

        As a default, the script section occupies the complete width of its parent element. You can customize the script section in the Design panel <\/strong>similarly to other elements (e.g., set its dimensions and spacing attributes, etc.), but you cannot modify its typography or backdrop attributes.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Display formatted code snippets on your site.","protected":false},"author":2,"featured_media":5175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[290],"tags":[],"class_list":{"0":"post-4276","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-elements","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4276","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=4276"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4276\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5232"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=4276"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=4276"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=4276"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}