Add external code

UV-CMS provides the flexible option of adding "external code" to your publications, extending the standard capabilities of the system. This feature allows customization of content beyond predefined parameters. Through it, you can modify the visual aspect of the publication, integrate additional JavaScript functionality, embed content from external sources, or preview specific code snippets.

The "external code" add-on is versatile and comes with various configuration options, making it an extremely useful tool for advanced users. It allows for fine-tuning of publications, meeting specific needs that may not be provided for in the standard functionality of the system.

To get a detailed overview of the available options and to use the full potential of this feature, we recommend you take a look at the detailed settings available in the add-on interface. This will allow you to optimize and enrich your content in a way that best suits your unique requirements and goals.

Caution: integrating external code into the page brings potential security and functionality risks to your site. Code from an external source may unintentionally affect the performance of your page, causing unintended effects or vulnerabilities. Before adding any external code, carefully evaluate its origin, content, and potential impact. It is recommended that you only use code from trusted sources and thoroughly test its behavior in a controlled environment before integrating it into your production site. Regular monitoring of site performance and security after adding external code is key to maintaining the integrity and reliability of your online platform.

Embed code

Embed code allows seamless integration of content such as videos, images or interactive elements from social networks or other websites.

Code provided for embedding by the following websites or services is recognized and successfully adapted to UV-CMS:
Telegram, X (Twitter), Facebook Post, Instagram, LinkedIn, Getty, VK, GIPHY, YouTube Video, Facebook Video, Dailymotion video, ONTV, Tik-Tok, Pinterest, YouTube Shorts, Viber, Tumblr, Google Docs, Flourish.Studio, Codepen, Codepen Iframe.

A YouTube video can also be added just as a link, for example:

https://www.youtube.com/watch?v=_4kGrPMig-U
https://www.youtube.com/embed/_4kGrPMig-U
https://www.youtube.com/v/_4kGrPMig-U
https://www.youtube.com/watch?feature=player_embedded&v=_4kGrPMig-U
https://youtu.be/_4kGrPMig-U
https://www.youtube.com/attribution_link?a=XXXXXXXXXX&u=/watch?v=_4kGrPMig-U

Show code

This option simply displays what is entered in a special code display field.

<div 
style="margin-bottom: 32px; border-radius: 10px; 
font-size: 2.5em; font-weight: bold; padding: 0.5em; 
background: yellow; color: green">
Poison green text on yellow background
</div>

Външен код

The code presented above as an illustrative example becomes an active part of the post when this feature is used.

Each add-on integrated into the publication has a unique identifier (id). This id provides a powerful personalization tool, allowing you to target and modify specific elements through CSS styles or JavaScript functionality. This gives you precise control over the appearance and behavior of the code you add.

In addition, the feature allows direct insertion of the necessary HTML code, giving you complete freedom to structure the content according to your specific needs. This flexibility is particularly useful for creating complex or non-standard elements that are not provided in the core functionality of the system.

Poison green text on yellow background