{"id":1363,"date":"2011-10-10T16:59:37","date_gmt":"2011-10-10T12:59:37","guid":{"rendered":"http:\/\/www.dhtmlx.com\/blog\/?p=1363"},"modified":"2026-04-03T15:35:12","modified_gmt":"2026-04-03T12:35:12","slug":"autocompletion-in-ides-for-dhtmlx-library","status":"publish","type":"post","link":"https:\/\/dhtmlx.com\/blog\/autocompletion-in-ides-for-dhtmlx-library\/","title":{"rendered":"Autocompletion in IDEs for DHTMLX Library"},"content":{"rendered":"<p>\n        <div class=\"info-block\">\n            <div class=\"info-icon\">\n                <svg viewBox=\"0 0 14 16\">\n                    <path fill-rule=\"evenodd\" d=\"M7 2.3c3.14 0 5.7 2.56 5.7 5.7s-2.56 5.7-5.7 5.7A5.71 5.71 0 0 1 1.3 8c0-3.14 2.56-5.7 5.7-5.7zM7 1C3.14 1 0 4.14 0 8s3.14 7 7 7 7-3.14 7-7-3.14-7-7-7zm1 3H6v5h2V4zm0 6H6v2h2v-2z\"><\/path>\n                <\/svg>\n\n                INFO\n            <\/div>\n\n            <div class=\"info-content\">\n                <p>\n                    If you are using an outdated version of DHTMLX Suite 5 and require the documentation for it, \n                    please <a href=\"https:\/\/dhtmlx.com\/docs\/contact.shtml\" title=\"\">contact us<\/a>, <br \/>and we will send it to you.\n                <\/p>\n            <\/div>\n        <\/div>\n    <br \/>\nWe have some exciting news for those of you who are used to work with IDEs and use the autocomplete feature. You now can enjoy autocomplete hints in your favorite IDE while you integrate the DHTMLX components into your web app. We provide the autocompletion plugins for Microsoft Visual Studio, PHPStorm, WebStorm, NetBeans, Aptana Studio, Eclipse, and others.<\/p>\n<p>To add the code completion for DHTMLX library into your IDE:<\/p>\n<ul>\n<li><a href=\"https:\/\/dhtmlx.com\/x\/download\/regular\/download.php?pack=IDE_autocomplete.zip&#038;url=\/x\/download\/regular\/IDE_autocomplete.zip\">download the package with necessary files<\/a><\/li>\n<li>read the instructions below <\/li>\n<\/ul>\n<p>&nbsp;<br \/>\n<strong>Visual Studio 2010 | Visual Studio 2008<\/strong><\/p>\n<ul>\n<li>copy dhtmlx.debug.js in the same folder where dhtmlx.js is located<\/li>\n<li>if you are using an individual component (not dhtmlx.js), rename dhtmlx.debug.js to {component}.debug.js and place in the same folder where the .js file of the component is located<\/li>\n<\/ul>\n<div id=\"attachment_1364\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1364\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/visual_studio.png\" alt=\"DHTMLX Autocomplete - Visual Studio 2010\" title=\"DHTMLX Autocomplete - Visual Studio 2010\" width=\"600\" height=\"456\" class=\"size-full wp-image-1364\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/visual_studio.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/visual_studio-300x228.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1364\" class=\"wp-caption-text\">Visual Studio 2010 - Autocompletion for DHTMLX<\/p><\/div>\n<p>&nbsp;<br \/>\n<!--more--><strong>PHPStorm | WebStorm (JetBrain IDEs)<\/strong><\/p>\n<ul>\n<li>drop dhtmlx3.sdoc.js in the project<\/li>\n<li>you may need to restart IDE after that to force auto-complete reindexing<\/li>\n<\/ul>\n<div id=\"attachment_1367\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1367\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/webstorm.png\" alt=\"WebStorm 2.1 - Autocompletion for DHTMLX\" title=\"WebStorm 2.1 - Autocompletion for DHTMLX\" width=\"600\" height=\"495\" class=\"size-full wp-image-1367\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/webstorm.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/webstorm-300x247.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1367\" class=\"wp-caption-text\">WebStorm 2.1 - Autocompletion for DHTMLX<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>NetBeans 7<\/strong><\/p>\n<ul>\n<li>drop dhtlmx3.sdoc in the project<\/li>\n<li>select in top menu &#8220;Source|Scan for external changes&#8221;<\/li>\n<\/ul>\n<div id=\"attachment_1368\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1368\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/netbeans.png\" alt=\"NetBeans IDE - Autocompletion for DHTMLX\" title=\"NetBeans IDE - Autocompletion for DHTMLX\" width=\"600\" height=\"635\" class=\"size-full wp-image-1368\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/netbeans.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/netbeans-283x300.png 283w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1368\" class=\"wp-caption-text\">NetBeans IDE - Autocompletion for DHTMLX<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Aptana Studio<\/strong><\/p>\n<p>Aptana Studio 2.x:<\/p>\n<ul>\n<li>copy jar file in plugins folder of IDE<\/li>\n<li>restart IDE<\/li>\n<li>select &#8220;References|Global references&#8221;<\/li>\n<li>check &#8220;DHTMLX 3.0&#8221; item<\/li>\n<\/ul>\n<p>&nbsp;<br \/>\nAptana Studio 3.x:<\/p>\n<ul>\n<li>drop dhtmlx3.vsdoc.js in the project<\/li>\n<li>restart IDE<\/li>\n<\/ul>\n<div id=\"attachment_1369\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1369\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/aptana.png\" alt=\"Aptana Studio - Autocompletion for DHTMLX\" title=\"Aptana Studio - Autocompletion for DHTMLX\" width=\"600\" height=\"525\" class=\"size-full wp-image-1369\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/aptana.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/aptana-300x262.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1369\" class=\"wp-caption-text\">Aptana Studio - Autocompletion for DHTMLX<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Eclipse <\/strong><\/p>\n<ul>\n<li>install Eclipse JavaScript Development Tools<\/li>\n<li>go to project properties &#8211; JavaScript &#8211; Include Path <\/li>\n<li>click &#8220;Add JavaScript Library&#8221; &#8211; &#8220;User Library&#8221; &#8211; &#8220;Configure User Library&#8221; &#8211; &#8220;New&#8221; <\/li>\n<li>enter &#8220;dhtmlx3&#8221; as library name <\/li>\n<li>select dhtmlx3 from the list and press &#8220;Add .js file&#8221;, select dhtmlx3.sdoc.js from the download package<\/li>\n<li>press &#8220;OK&#8221; and &#8220;Finish&#8221; in all dialogs<\/li>\n<\/ul>\n<div id=\"attachment_1379\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1379\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/eclipse.png\" alt=\"Eclipse - Autocompletion for DHTMLX\" title=\"Eclipse - Autocompletion for DHTMLX\" width=\"600\" height=\"336\" class=\"size-full wp-image-1379\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/eclipse.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/eclipse-300x168.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1379\" class=\"wp-caption-text\">Eclipse - Autocompletion for DHTMLX<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Komodo IDE and Komodo Editor<\/strong><\/p>\n<ul>\n<li>extract dhtmlx3.sdoc.js from the package to some folder<\/li>\n<li>open project properties &#8211; Languages &#8211; Javascript<\/li>\n<li>add above folder to the list of JavaScript directories<\/li>\n<\/ul>\n<div id=\"attachment_1381\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1381\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/komodo.png\" alt=\"Komodo IDE - Autocompletion for DHTMLX\" title=\"Komodo IDE - Autocompletion for DHTMLX\" width=\"600\" height=\"355\" class=\"size-full wp-image-1381\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/komodo.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/komodo-300x177.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><p id=\"caption-attachment-1381\" class=\"wp-caption-text\">Komodo IDE - Autocompletion for DHTMLX<\/p><\/div>\n<p>&nbsp;<br \/>\n<strong>Adobe Dreamweaver<\/strong><\/p>\n<ul>\n<li>copy dhtmlx3.xml (<a href=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/dhtmlx3.zip\">download here<\/a>) to the %DREAMWEAVER%\\configuration\\CodeHints\\ folder <br \/>(for example, c:\\Program Files (x86)\\Adobe\\Adobe Dreamweaver CS5.5\\configuration\\CodeHints\\ ) <\/li>\n<li>restart Dreamweaver<\/li>\n<li>go to menu Edit -> Preferences -> Code Hints and check &#8220;dhtmlx&#8221; option in the list of code hints<\/li>\n<\/ul>\n<div id=\"attachment_1404\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/dreamweaver.png\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1404\" src=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/dreamweaver.png\" alt=\"Dreamweaver - Autocompletion for DHTMLX\" title=\"Dreamweaver - Autocompletion for DHTMLX\" width=\"600\" height=\"323\" class=\"size-full wp-image-1404\" srcset=\"https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/dreamweaver.png 600w, https:\/\/dhtmlx.com\/blog\/wp-content\/uploads\/2011\/10\/dreamweaver-300x161.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><p id=\"caption-attachment-1404\" class=\"wp-caption-text\">Dreamweaver - Autocompletion for DHTMLX<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>We have some exciting news for those of you who are used to work with IDEs and use the autocomplete feature. You now can enjoy autocomplete hints in your &#8230;<\/p>\n","protected":false},"author":2,"featured_media":3407,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[72,1],"tags":[33,18,14,10],"class_list":["post-1363","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-uncategorized","tag-all-posts","tag-labs","tag-tips","tag-dhtmlxsuite"],"_links":{"self":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1363","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=1363"}],"version-history":[{"count":2,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1363\/revisions"}],"predecessor-version":[{"id":15359,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/posts\/1363\/revisions\/15359"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media\/3407"}],"wp:attachment":[{"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/media?parent=1363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/categories?post=1363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dhtmlx.com\/blog\/wp-json\/wp\/v2\/tags?post=1363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}