{"id":3660,"date":"2016-08-11T18:00:47","date_gmt":"2016-08-11T14:00:47","guid":{"rendered":"http:\/\/dhtmlx.com\/blog\/?p=3660"},"modified":"2023-05-05T13:15:07","modified_gmt":"2023-05-05T10:15:07","slug":"support-updates-dhtmlx-cdn-new-snippet-tool","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/support-updates-dhtmlx-cdn-new-snippet-tool\/","title":{"rendered":"Support Updates: DHTMLX CDN and New Snippet Tool"},"content":{"rendered":"<p>We are happy to introduce 2 significant enhancements that will definitely improve collaboration between our support team and the users of DHTMLX libraries. Our updates will bring to you:<\/p>\n<ol>\n<li>Easy installation of our libraries by using DHTMLX CDN<\/li>\n<li>Enhanced communication with our support team using snippets<\/li>\n<\/ol>\n<p>Now let&#8217;s elaborate on each improvement.<\/p>\n<h3>Why to use CDN?<\/h3>\n<p><a href=\"https:\/\/en.wikipedia.org\/wiki\/Content_delivery_network\" target=\"_blank\">CDN<\/a> (content delivery network) is served to provide the end users with a high performance of the web applications by using proxy servers deployed in multiple data centers. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/javascript-cdn.png\" alt=\"javascript cdn\" width=\"850\" height=\"500\" class=\"aligncenter size-full wp-image-3664\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/javascript-cdn.png 850w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/javascript-cdn-300x176.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/javascript-cdn-768x452.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<p>A time-saving reason to use CDN: it will allow you not to download the package from our website and unpack it manually.<\/p>\n<p>To start using DHTMLX just type a minimal snippet:<\/p>\n<div class=\"codecolorer-container javascript default codecolorer-noborder\" style=\"overflow:auto;white-space:nowrap;\"><div class=\"javascript codecolorer\"><span class=\"sy0\">&lt;<\/span>link rel<span class=\"sy0\">=<\/span><span class=\"st0\">&quot;stylesheet&quot;<\/span> type<span class=\"sy0\">=<\/span><span class=\"st0\">&quot;text\/css&quot;<\/span> href<span class=\"sy0\">=<\/span><span class=\"st0\">&quot;\/\/cdn.dhtmlx.com\/edge\/dhtmlx.css&quot;<\/span><span class=\"sy0\">&gt;<\/span><br \/>\n<span class=\"sy0\">&lt;<\/span>script src<span class=\"sy0\">=<\/span><span class=\"st0\">&quot;\/\/cdn.dhtmlx.com\/edge\/dhtmlx.js&quot;<\/span><span class=\"sy0\">&gt;&lt;\/<\/span>script<span class=\"sy0\">&gt;<\/span><br \/>\n<span class=\"sy0\">&lt;<\/span>script<span class=\"sy0\">&gt;<\/span><br \/>\n&nbsp; &nbsp; dhtmlx.<span class=\"me1\">message<\/span><span class=\"br0\">&#40;<\/span>\u201cand start your UI code here\u201d<span class=\"br0\">&#41;<\/span><br \/>\n<span class=\"sy0\">&lt;\/<\/span>script<span class=\"sy0\">&gt;<\/span><\/div><\/div>\n<p>There is no need to download any JS files. To download the latest version of dhtmlxSuite, put the following links into the snippet:<\/p>\n<p><a href=\"http:\/\/cdn.dhtmlx.com\/edge\/dhtmlx.js\">http:\/\/cdn.dhtmlx.com\/edge\/dhtmlx.js<\/a><br \/>\n<a href=\"http:\/\/cdn.dhtmlx.com\/edge\/dhtmlx.css\">http:\/\/cdn.dhtmlx.com\/edge\/dhtmlx.css<\/a><\/p>\n<p>CDN is also available for dhtmlxScheduler, our Event Calendar component:<\/p>\n<p><a href=\"http:\/\/cdn.dhtmlx.com\/scheduler\/edge\/dhtmlxscheduler.js\">http:\/\/cdn.dhtmlx.com\/scheduler\/edge\/dhtmlxscheduler.js<\/a><br \/>\n<a href=\"http:\/\/cdn.dhtmlx.com\/scheduler\/edge\/dhtmlxscheduler.css\">http:\/\/cdn.dhtmlx.com\/scheduler\/edge\/dhtmlxscheduler.css<\/a><\/p>\n<p>And for Gantt chart: <\/p>\n<p><a href=\"http:\/\/cdn.dhtmlx.com\/gantt\/edge\/dhtmlxgantt.js\">http:\/\/cdn.dhtmlx.com\/gantt\/edge\/dhtmlxgantt.js<\/a><br \/>\n<a href=\"http:\/\/cdn.dhtmlx.com\/gantt\/edge\/dhtmlxgantt.css\">http:\/\/cdn.dhtmlx.com\/gantt\/edge\/dhtmlxgantt.css<\/a><\/p>\n<p>In both cases, to get the specific versions, replace &#8220;edge&#8221; to the version number you need. <\/p>\n<h3>Good news for everyone (including us): Snippets<\/h3>\n<p>You may forget about creating the complete demos and sending tons of files to us in order we could reproduce the issues. All of these can be created by using <a href=\"https:\/\/snippet.dhtmlx.com\/\">DHTMLX snippets<\/a>. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/snippet-screenshot.png\" alt=\"snippet\" width=\"850\" height=\"407\" class=\"aligncenter size-full wp-image-3663\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/snippet-screenshot.png 850w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/snippet-screenshot-300x144.png 300w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2016\/08\/snippet-screenshot-768x368.png 768w\" sizes=\"auto, (max-width: 850px) 100vw, 850px\" \/><\/p>\n<p>Just type the code in the editor, and live preview will update this real UI.<\/p>\n<p>If you need to spice the UI with real HTML, you can use HTML tab at the bottom of the editor. And if you want to add some data (json or xml) you can use data tab, and later use &#8220;data&#8221; marker in the code, where data must be inserted. <\/p>\n<p>We hope that it&#8217;ll improve the level of support service provided and the speed of resolving the problems as well.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>We are happy to introduce 2 significant enhancements that will definitely improve collaboration between our support team and the users of DHTMLX libraries. Our updates will bring to you: &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3666,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,72,1,38],"tags":[33,45,4],"class_list":["post-3660","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-posts-for-codeproject-com","category-general","category-uncategorized","category-visible","tag-all-posts","tag-announcement","tag-dhtmlx-updates"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/comments?post=3660"}],"version-history":[{"count":1,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3660\/revisions"}],"predecessor-version":[{"id":8738,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/3660\/revisions\/8738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3666"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=3660"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=3660"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=3660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}