HTML Code Editor
എല്ലാവർക്കും
info
0+
ഡൗൺലോഡുകൾ
എല്ലാവർക്കും
കൂടുതലറിയുക
ഈ ആപ്പിനെക്കുറിച്ച്
നിങ്ങളുടെ Android ഫോണിലോ ടാബ്‌ലെറ്റിലോ നേരിട്ട് HTML, CSS, JavaScript എന്നിവ കോഡ് ചെയ്യുന്നതിനായി രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന വേഗതയേറിയതും ഭാരം കുറഞ്ഞതും ആധുനികവുമായ ഒരു വെബ് ഡെവലപ്‌മെന്റ് IDE ആണ് HTML കോഡ് എഡിറ്റർ. നിങ്ങൾ വെബ് ഡെവലപ്‌മെന്റ് പഠിക്കുകയാണെങ്കിലും, വെബ്‌സൈറ്റ് ഘടകങ്ങൾ പ്രോട്ടോടൈപ്പ് ചെയ്യുകയാണെങ്കിലും അല്ലെങ്കിൽ യാത്രയ്ക്കിടെ JavaScript കോഡ് പരീക്ഷിക്കുകയാണെങ്കിലും, HTML കോഡ് എഡിറ്റർ നിങ്ങളുടെ പോക്കറ്റിൽ തന്നെ ഒരു ഡെസ്‌ക്‌ടോപ്പ്-ഗ്രേഡ് കോഡിംഗ് അനുഭവം നൽകുന്നു.
⚡ റിയൽ-ടൈം സിന്റാക്സ് ഹൈലൈറ്റിംഗും ലൈൻ നമ്പറുകളും
• HTML ടാഗുകൾ, CSS സ്റ്റൈലിംഗ്, JavaScript ലോജിക് എന്നിവയ്‌ക്കായുള്ള വൈബ്രന്റ് ഡൈനാമിക് സിന്റാക്സ് കളറിംഗ്.
• നിങ്ങളുടെ കോഡുമായി 1:1 ലോക്ക്സ്റ്റെപ്പിൽ ചലിക്കുന്ന സിൻക്രൊണൈസ് ചെയ്ത ലംബ ലൈൻ നമ്പർ ഗട്ടർ.
• വിപുലീകൃത കോഡിംഗ് സെഷനുകളിൽ കണ്ണിന്റെ ആയാസം കുറയ്ക്കാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന വൃത്തിയുള്ളതും ഉയർന്ന ദൃശ്യതീവ്രതയുള്ളതുമായ ഡാർക്ക് തീം.
🔍 തൽക്ഷണ ലൈവ് ബ്രൗസർ പ്രിവ്യൂ
• ഒറ്റ ടാപ്പിലൂടെ നിങ്ങളുടെ HTML5, CSS3, JavaScript കോഡ് തൽക്ഷണം പ്രവർത്തിപ്പിച്ച് പരീക്ഷിക്കുക.
• സംയോജിത വെബ് റൺടൈം സംവേദനാത്മക ഘടകങ്ങൾ, ആനിമേഷനുകൾ, ലേഔട്ടുകൾ എന്നിവ തത്സമയം റെൻഡർ ചെയ്യുന്നു.
• ഓഫ്‌ലൈനിൽ തയ്യാറാണ്: സജീവ ഇന്റർനെറ്റ് കണക്ഷൻ ഇല്ലാതെ എപ്പോൾ വേണമെങ്കിലും എവിടെയും ലോക്കൽ കോഡ് എഴുതുകയും പ്രവർത്തിപ്പിക്കുകയും ചെയ്യുക.
⌨️ സ്മാർട്ട് എഡിറ്റർ എർഗണോമിക്സ്
• ഓട്ടോ-ക്ലോസിംഗ് ബ്രാക്കറ്റുകളും ഉദ്ധരണികളും: കഴ്‌സർ മധ്യഭാഗത്ത് സ്ഥാപിച്ച് യാന്ത്രികമായി (), [], {}, "", '' എന്നീ ജോഡികൾ ചേർക്കുന്നു.
• ഓട്ടോ-ക്ലോസിംഗ് HTML ടാഗുകൾ: പൊരുത്തപ്പെടുന്ന ഓപ്പൺ ടാഗ് സ്വയമേവ പൂർത്തിയാക്കാൻ , , ).
• ടൂൾബാർ കണ്ടെത്തി മാറ്റിസ്ഥാപിക്കുക: കീവേഡുകൾ വേഗത്തിൽ തിരയുക, തത്സമയ പൊരുത്ത കൗണ്ടറുകൾ കാണുക, സംഭവങ്ങൾക്കിടയിൽ ചാടുക, വാചകം എളുപ്പത്തിൽ മാറ്റിസ്ഥാപിക്കുക.
• സൂം & ഫോണ്ട് സ്കെയിലിംഗ്: പിഞ്ച്-ടു-സൂം ആംഗ്യങ്ങൾ അല്ലെങ്കിൽ സമർപ്പിത A- / A+ ബട്ടണുകൾ ഉപയോഗിച്ച് കോഡ് ഫോണ്ട് വലുപ്പം ഫ്ലൈയിൽ ക്രമീകരിക്കുക.
• വേഡ് റാപ്പ് ടോഗിൾ: നീണ്ട കോഡ് ബ്ലോക്കുകൾക്കായി പൊതിഞ്ഞ വാചകത്തിനും തിരശ്ചീന സ്ക്രോളിംഗിനും ഇടയിൽ തടസ്സമില്ലാതെ മാറുക.
📚 9 ഉപയോഗിക്കാൻ തയ്യാറായ സ്റ്റാർട്ടർ ടെംപ്ലേറ്റുകൾ
ബിൽറ്റ്-ഇൻ, പ്രൊഡക്ഷൻ-റെഡി ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് പ്രോജക്റ്റുകൾ ജമ്പ്‌സ്റ്റാർട്ട് ചെയ്യുക:
1. HTML5 ബോയിലർപ്ലേറ്റ്: വ്യൂപോർട്ടും മെറ്റാ ടാഗുകളും ഉള്ള വൃത്തിയുള്ള, സ്റ്റാൻഡേർഡ് സ്റ്റാർട്ടിംഗ് ടെംപ്ലേറ്റ്.
2. റിയാക്ട് 18 CDN സജ്ജീകരണം: ബാബൽ ട്രാൻസ്‌പൈലറുള്ള മോഡേൺ റിയാക്ട് സ്റ്റാർട്ടർ, പുനരുപയോഗിക്കാവുന്ന 2 ഘടകങ്ങൾ, പ്രോപ്‌സ് പാസിംഗ്.
3. ടെയിൽ‌വിൻഡ് CSS പ്ലേ: ആധുനിക റെസ്‌പോൺസീവ് ഡിസൈനിനായി മുൻകൂട്ടി കോൺഫിഗർ ചെയ്ത ടെയിൽ‌വിൻഡ് യൂട്ടിലിറ്റി ക്ലാസുകൾ.
4. ബൂട്ട്‌സ്‌ട്രാപ്പ് 5 ക്വിക്ക്‌സ്റ്റാർട്ട്: റെസ്‌പോൺസീവ് മൊബൈൽ-ഫസ്റ്റ് ഗ്രിഡ്, ബട്ടണുകൾ, നാവിഗേഷൻ ഘടകങ്ങൾ.
5. ഇന്ററാക്ടീവ് ടോഡോ ലിസ്റ്റ്: വാനില ജാവാസ്ക്രിപ്റ്റ് DOM കൃത്രിമത്വവും സംസ്ഥാന മാനേജ്‌മെന്റും.
6. ഫ്ലെക്‌സ്‌ബോക്‌സ് പ്രൈസിംഗ് കാർഡ്: ആധുനിക CSS ഫ്ലെക്‌സ്‌ബോക്‌സ് പ്രദർശിപ്പിക്കുന്ന വൃത്തിയുള്ളതും പ്രതികരിക്കുന്നതുമായ ലേഔട്ട്.
7. CSS ഗ്രിഡ് ഗാലറി: അഡാപ്റ്റീവ്, ഓട്ടോ-ഫിറ്റിംഗ് ഇമേജും കാർഡ് ഗാലറി ഗ്രിഡും.
8. മോഡൽ പോപ്പ്അപ്പ് ഡയലോഗ്: ബാക്ക്‌ഡ്രോപ്പ് ബ്ലറും CSS സംക്രമണങ്ങളും ഉള്ള ആക്‌സസ് ചെയ്യാവുന്ന മോഡൽ.
9. ഡാർക്ക് മോഡ് ടോഗിൾ: CSS കസ്റ്റം പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുന്ന ഇന്ററാക്ടീവ് തീം സ്വിച്ചർ.
• സ്മാർട്ട് CDN അറിയിപ്പ്: ഇന്റർനെറ്റ് കണക്ഷൻ ഇല്ലാതെ ബാഹ്യ CDN ലൈബ്രറികൾ ലോഡ് ചെയ്യുമ്പോൾ സഹായകരമായ അലേർട്ട് നിങ്ങളെ അറിയിക്കുന്നു.
🔒 100% സ്വകാര്യവും ഓഫ്‌ലൈനും ആദ്യം
• സീറോ ട്രാക്കിംഗ്, പരസ്യങ്ങളില്ല, അക്കൗണ്ട് രജിസ്ട്രേഷൻ ആവശ്യമില്ല.
• നിങ്ങളുടെ കോഡ് നിങ്ങളുടെ ഉപകരണത്തിൽ തന്നെ തുടരും: നിങ്ങളുടെ ഫയലുകളും സോഴ്‌സ് കോഡും ഒരിക്കലും ഒരു റിമോട്ട് സെർവറിലേക്കും അപ്‌ലോഡ് ചെയ്യപ്പെടില്ല.
• നിങ്ങളുടെ പ്രോജക്റ്റ് ഫയലുകൾ സുരക്ഷിതമായി തുറക്കുന്നതിനും സംരക്ഷിക്കുന്നതിനുമുള്ള നേറ്റീവ് ആൻഡ്രോയിഡ് ഫയൽ പിക്കർ സംയോജനം.
നിങ്ങൾ ഒരു കമ്പ്യൂട്ടർ സയൻസ് വിദ്യാർത്ഥിയോ, ഫ്രണ്ട്‌എൻഡ് എഞ്ചിനീയറോ, വെബ് ഹോബിയിസ്റ്റോ ആകട്ടെ, HTML കോഡ് എഡിറ്റർ നിങ്ങളുടെ പോക്കറ്റ് വലുപ്പത്തിലുള്ള കോഡിംഗ് കൂട്ടാളിയാണ്.
ഫീഡ്‌ബാക്ക്, പിന്തുണ അല്ലെങ്കിൽ നിർദ്ദേശങ്ങൾക്കായി, സന്ദർശിക്കുക: https://prahladinala.in
⚡ റിയൽ-ടൈം സിന്റാക്സ് ഹൈലൈറ്റിംഗും ലൈൻ നമ്പറുകളും
• HTML ടാഗുകൾ, CSS സ്റ്റൈലിംഗ്, JavaScript ലോജിക് എന്നിവയ്‌ക്കായുള്ള വൈബ്രന്റ് ഡൈനാമിക് സിന്റാക്സ് കളറിംഗ്.
• നിങ്ങളുടെ കോഡുമായി 1:1 ലോക്ക്സ്റ്റെപ്പിൽ ചലിക്കുന്ന സിൻക്രൊണൈസ് ചെയ്ത ലംബ ലൈൻ നമ്പർ ഗട്ടർ.
• വിപുലീകൃത കോഡിംഗ് സെഷനുകളിൽ കണ്ണിന്റെ ആയാസം കുറയ്ക്കാൻ രൂപകൽപ്പന ചെയ്‌തിരിക്കുന്ന വൃത്തിയുള്ളതും ഉയർന്ന ദൃശ്യതീവ്രതയുള്ളതുമായ ഡാർക്ക് തീം.
🔍 തൽക്ഷണ ലൈവ് ബ്രൗസർ പ്രിവ്യൂ
• ഒറ്റ ടാപ്പിലൂടെ നിങ്ങളുടെ HTML5, CSS3, JavaScript കോഡ് തൽക്ഷണം പ്രവർത്തിപ്പിച്ച് പരീക്ഷിക്കുക.
• സംയോജിത വെബ് റൺടൈം സംവേദനാത്മക ഘടകങ്ങൾ, ആനിമേഷനുകൾ, ലേഔട്ടുകൾ എന്നിവ തത്സമയം റെൻഡർ ചെയ്യുന്നു.
• ഓഫ്‌ലൈനിൽ തയ്യാറാണ്: സജീവ ഇന്റർനെറ്റ് കണക്ഷൻ ഇല്ലാതെ എപ്പോൾ വേണമെങ്കിലും എവിടെയും ലോക്കൽ കോഡ് എഴുതുകയും പ്രവർത്തിപ്പിക്കുകയും ചെയ്യുക.
⌨️ സ്മാർട്ട് എഡിറ്റർ എർഗണോമിക്സ്
• ഓട്ടോ-ക്ലോസിംഗ് ബ്രാക്കറ്റുകളും ഉദ്ധരണികളും: കഴ്‌സർ മധ്യഭാഗത്ത് സ്ഥാപിച്ച് യാന്ത്രികമായി (), [], {}, "", '' എന്നീ ജോഡികൾ ചേർക്കുന്നു.
• ഓട്ടോ-ക്ലോസിംഗ് HTML ടാഗുകൾ: പൊരുത്തപ്പെടുന്ന ഓപ്പൺ ടാഗ് സ്വയമേവ പൂർത്തിയാക്കാൻ , , ).
• ടൂൾബാർ കണ്ടെത്തി മാറ്റിസ്ഥാപിക്കുക: കീവേഡുകൾ വേഗത്തിൽ തിരയുക, തത്സമയ പൊരുത്ത കൗണ്ടറുകൾ കാണുക, സംഭവങ്ങൾക്കിടയിൽ ചാടുക, വാചകം എളുപ്പത്തിൽ മാറ്റിസ്ഥാപിക്കുക.
• സൂം & ഫോണ്ട് സ്കെയിലിംഗ്: പിഞ്ച്-ടു-സൂം ആംഗ്യങ്ങൾ അല്ലെങ്കിൽ സമർപ്പിത A- / A+ ബട്ടണുകൾ ഉപയോഗിച്ച് കോഡ് ഫോണ്ട് വലുപ്പം ഫ്ലൈയിൽ ക്രമീകരിക്കുക.
• വേഡ് റാപ്പ് ടോഗിൾ: നീണ്ട കോഡ് ബ്ലോക്കുകൾക്കായി പൊതിഞ്ഞ വാചകത്തിനും തിരശ്ചീന സ്ക്രോളിംഗിനും ഇടയിൽ തടസ്സമില്ലാതെ മാറുക.
📚 9 ഉപയോഗിക്കാൻ തയ്യാറായ സ്റ്റാർട്ടർ ടെംപ്ലേറ്റുകൾ
ബിൽറ്റ്-ഇൻ, പ്രൊഡക്ഷൻ-റെഡി ടെംപ്ലേറ്റുകൾ ഉപയോഗിച്ച് നിങ്ങളുടെ വെബ് പ്രോജക്റ്റുകൾ ജമ്പ്‌സ്റ്റാർട്ട് ചെയ്യുക:
1. HTML5 ബോയിലർപ്ലേറ്റ്: വ്യൂപോർട്ടും മെറ്റാ ടാഗുകളും ഉള്ള വൃത്തിയുള്ള, സ്റ്റാൻഡേർഡ് സ്റ്റാർട്ടിംഗ് ടെംപ്ലേറ്റ്.
2. റിയാക്ട് 18 CDN സജ്ജീകരണം: ബാബൽ ട്രാൻസ്‌പൈലറുള്ള മോഡേൺ റിയാക്ട് സ്റ്റാർട്ടർ, പുനരുപയോഗിക്കാവുന്ന 2 ഘടകങ്ങൾ, പ്രോപ്‌സ് പാസിംഗ്.
3. ടെയിൽ‌വിൻഡ് CSS പ്ലേ: ആധുനിക റെസ്‌പോൺസീവ് ഡിസൈനിനായി മുൻകൂട്ടി കോൺഫിഗർ ചെയ്ത ടെയിൽ‌വിൻഡ് യൂട്ടിലിറ്റി ക്ലാസുകൾ.
4. ബൂട്ട്‌സ്‌ട്രാപ്പ് 5 ക്വിക്ക്‌സ്റ്റാർട്ട്: റെസ്‌പോൺസീവ് മൊബൈൽ-ഫസ്റ്റ് ഗ്രിഡ്, ബട്ടണുകൾ, നാവിഗേഷൻ ഘടകങ്ങൾ.
5. ഇന്ററാക്ടീവ് ടോഡോ ലിസ്റ്റ്: വാനില ജാവാസ്ക്രിപ്റ്റ് DOM കൃത്രിമത്വവും സംസ്ഥാന മാനേജ്‌മെന്റും.
6. ഫ്ലെക്‌സ്‌ബോക്‌സ് പ്രൈസിംഗ് കാർഡ്: ആധുനിക CSS ഫ്ലെക്‌സ്‌ബോക്‌സ് പ്രദർശിപ്പിക്കുന്ന വൃത്തിയുള്ളതും പ്രതികരിക്കുന്നതുമായ ലേഔട്ട്.
7. CSS ഗ്രിഡ് ഗാലറി: അഡാപ്റ്റീവ്, ഓട്ടോ-ഫിറ്റിംഗ് ഇമേജും കാർഡ് ഗാലറി ഗ്രിഡും.
8. മോഡൽ പോപ്പ്അപ്പ് ഡയലോഗ്: ബാക്ക്‌ഡ്രോപ്പ് ബ്ലറും CSS സംക്രമണങ്ങളും ഉള്ള ആക്‌സസ് ചെയ്യാവുന്ന മോഡൽ.
9. ഡാർക്ക് മോഡ് ടോഗിൾ: CSS കസ്റ്റം പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കുന്ന ഇന്ററാക്ടീവ് തീം സ്വിച്ചർ.
• സ്മാർട്ട് CDN അറിയിപ്പ്: ഇന്റർനെറ്റ് കണക്ഷൻ ഇല്ലാതെ ബാഹ്യ CDN ലൈബ്രറികൾ ലോഡ് ചെയ്യുമ്പോൾ സഹായകരമായ അലേർട്ട് നിങ്ങളെ അറിയിക്കുന്നു.
🔒 100% സ്വകാര്യവും ഓഫ്‌ലൈനും ആദ്യം
• സീറോ ട്രാക്കിംഗ്, പരസ്യങ്ങളില്ല, അക്കൗണ്ട് രജിസ്ട്രേഷൻ ആവശ്യമില്ല.
• നിങ്ങളുടെ കോഡ് നിങ്ങളുടെ ഉപകരണത്തിൽ തന്നെ തുടരും: നിങ്ങളുടെ ഫയലുകളും സോഴ്‌സ് കോഡും ഒരിക്കലും ഒരു റിമോട്ട് സെർവറിലേക്കും അപ്‌ലോഡ് ചെയ്യപ്പെടില്ല.
• നിങ്ങളുടെ പ്രോജക്റ്റ് ഫയലുകൾ സുരക്ഷിതമായി തുറക്കുന്നതിനും സംരക്ഷിക്കുന്നതിനുമുള്ള നേറ്റീവ് ആൻഡ്രോയിഡ് ഫയൽ പിക്കർ സംയോജനം.
നിങ്ങൾ ഒരു കമ്പ്യൂട്ടർ സയൻസ് വിദ്യാർത്ഥിയോ, ഫ്രണ്ട്‌എൻഡ് എഞ്ചിനീയറോ, വെബ് ഹോബിയിസ്റ്റോ ആകട്ടെ, HTML കോഡ് എഡിറ്റർ നിങ്ങളുടെ പോക്കറ്റ് വലുപ്പത്തിലുള്ള കോഡിംഗ് കൂട്ടാളിയാണ്.
ഫീഡ്‌ബാക്ക്, പിന്തുണ അല്ലെങ്കിൽ നിർദ്ദേശങ്ങൾക്കായി, സന്ദർശിക്കുക: https://prahladinala.in
തത്സമയ പ്രിവ്യൂവും വാക്യഘടന ഹൈലൈറ്റിംഗും ഉള്ള വേഗതയേറിയ HTML, CSS & JS കോഡ് എഡിറ്റർ.
അപ്ഡേറ്റ് ചെയ്ത തീയതി
ഡെവലപ്പര്‍മാർ നിങ്ങളുടെ ഡാറ്റ ശേഖരിക്കുകയും പങ്കിടുകയും ചെയ്യുന്നത് എങ്ങനെയെന്ന് മനസ്സിലാക്കുന്നതിലൂടെയാണ് സുരക്ഷ ആരംഭിക്കുന്നത്. നിങ്ങളുടെ ഉപയോഗത്തെയും പ്രദേശത്തെയും പ്രായത്തെയും അടിസ്ഥാനമാക്കി ഡാറ്റാ സ്വകാര്യതയും സുരക്ഷാ നടപടികളും വ്യത്യാസപ്പെടാം. ഡെവലപ്പര്‍ ഈ വിവരങ്ങൾ നൽകി കാലക്രമേണ ഇത് അപ്ഡേറ്റ് ചെയ്തേക്കാം.
- മൂന്നാം കക്ഷികളുമായി ഡാറ്റയൊന്നും പങ്കിട്ടില്ലഡെവലപ്പർമാർ എങ്ങനെയാണ് പങ്കിടൽ പ്രഖ്യാപിക്കുന്നത് എന്നതിനെക്കുറിച്ച് കൂടുതലറിയുക
- ഡാറ്റയൊന്നും ശേഖരിച്ചിട്ടില്ലഡെവലപ്പർമാർ എങ്ങനെയാണ് ശേഖരണം പ്രഖ്യാപിക്കുന്നത് എന്നതിനെക്കുറിച്ച് കൂടുതലറിയുക
പുതിയതെന്താണ്
🚀 Welcome to HTML Code Editor 2.0!
• Real-time Syntax Highlighting for HTML, CSS, & JS
• Synchronized Line Numbers Gutter
• Smart Auto-closing brackets, quotes, and HTML tags
• Find & Replace tool with match counter
• Pinch-to-zoom & Font Sizing controls (A- / A+)
• Word Wrap toggle for long lines
• 9 Starter Templates including React 18 CDN setup
• Offline CDN warning indicator
• Filtered file picker for web formats
• Fresh modern app icon & Android 16 (API 36) support!
• Real-time Syntax Highlighting for HTML, CSS, & JS
• Synchronized Line Numbers Gutter
• Smart Auto-closing brackets, quotes, and HTML tags
• Find & Replace tool with match counter
• Pinch-to-zoom & Font Sizing controls (A- / A+)
• Word Wrap toggle for long lines
• 9 Starter Templates including React 18 CDN setup
• Offline CDN warning indicator
• Filtered file picker for web formats
• Fresh modern app icon & Android 16 (API 36) support!
എല്ലാവർക്കും
കൂടുതലറിയുകആപ്പ് പിന്തുണ
ഡെവലപ്പറെ കുറിച്ച്
Inala Prahlad
prahladjngp@gmail.com
S/O Inala Vamsee Mohan, 1-57/2, Sai Balaji Nagar, Old Gram Panchayat Road, Ragannaguda
Hayathnagar, PO: Vinjapur
Hyderabad, Telangana 501510
India
