കോഡ് ദൃശ്യവൽക്കരണം വളരെക്കാലമായി ഡെവലപ്പർമാർക്ക് മുൻഗണന നൽകുന്നില്ല. ഈ ആവശ്യങ്ങൾക്കായി ഉപയോഗിക്കുന്ന 9 WYSIWYG എഡിറ്റർമാരുടെ ഒരു ലിസ്റ്റ് ഈ ലേഖനം നൽകുന്നു. നിങ്ങളുടെ പ്രോജക്റ്റ് നടപ്പിലാക്കുമ്പോൾ സമാനമായ ഒരു ടാസ്‌ക് ഉണ്ടായാൽ നിങ്ങൾ അത് പരിചയപ്പെടാൻ ഞങ്ങൾ ശുപാർശ ചെയ്യുന്നു.

2016-ലെ മികച്ച എഡിറ്റർ ഏതാണ്?

ലേഖനത്തിൻ്റെ ഈ വിഭാഗത്തിൽ നിങ്ങളുടെ ജോലി എളുപ്പവും വേഗവുമാക്കുന്ന ചില മികച്ച എഡിറ്റർമാരെ നിങ്ങൾ കണ്ടെത്തും. പിന്നെ ഏതാണ് മികച്ചത്?

എഡിറ്ററുടെ ചോയ്‌സ്: Atom.io

വർഷങ്ങളായി നിരവധി എഡിറ്റർമാർ സൃഷ്ടിക്കപ്പെട്ടിട്ടുണ്ട്, എന്നാൽ കുറച്ചുപേർ മാത്രമേ ഉയർന്ന തലത്തിൽ തുടരുകയോ അതിലും മികച്ചവരാകുകയോ ചെയ്തിട്ടുള്ളൂ. എൻ്റെ എല്ലാ പ്രോഗ്രാമർ സുഹൃത്തുക്കളും Atom.io ഉപയോഗിക്കുന്നു, ഞാനും അത് തിരഞ്ഞെടുക്കുന്നു.

കോഡ് എഴുതുന്നതിനോ എഡിറ്റുചെയ്യുന്നതിനോ നിങ്ങൾ ചെലവഴിക്കുന്ന സമയം 10 ​​മടങ്ങ് കുറയ്ക്കുന്ന മികച്ച HTML WYSIWYG എഡിറ്റർ നിങ്ങൾക്ക് വേണമെങ്കിൽ, ആറ്റം അതാണ്. ഇത് പരീക്ഷിക്കുക, നിങ്ങൾ എന്നോട് നന്ദി പറയും. Atom.io സൗജന്യവും ഗിത്തബ് ടീം സൃഷ്ടിച്ചതുമാണ്.

പ്രശംസ അർഹിക്കുന്ന മറ്റൊരു ഉപകരണം കോഡയാണ്, അത് വളരെ മികച്ചതാണ് രസകരമായ എഡിറ്റർ Mac ഉപയോക്താക്കൾക്കായി. അവൻ ഒരു തികഞ്ഞ ഉണ്ട് മനോഹരമായ ഇൻ്റർഫേസ്, എന്നാൽ അതിൻ്റെ വില $99 ആണ്. ഈ നിമിഷംഎനിക്ക് ആറ്റമാണ് ഇഷ്ടം!

ഇനി അവശേഷിക്കുന്ന എഡിറ്റർമാരുടെ അവലോകനം.

1. NicEdit

ഡെമോ | ഡൗൺലോഡ്

വലുതും സങ്കീർണ്ണവുമായ വിഷ്വൽ എഡിറ്റർമാർക്കുള്ള ഒരു ബദലാണ് NicEdit ചെറിയ വലിപ്പം. ഒരു എഡിറ്റർക്ക് ആവശ്യമായ പല സവിശേഷതകളും ഇതിൽ അഭിമാനിക്കുന്നു, കൂടാതെ ഈ ഓൺലൈൻ WYSIWYG എഡിറ്റർ നിങ്ങളുടെ വെബ്‌സൈറ്റിലേക്ക് സംയോജിപ്പിക്കാൻ എളുപ്പമാണ്.

2. TinyMCE

ഡെമോ | ഡൗൺലോഡ്

JavaScript-ൽ എഴുതിയ ഒരു ഓപ്പൺ സോഴ്‌സ് WYSIWYG HTML എഡിറ്ററാണ് TinyMCE. ഇത് എളുപ്പത്തിൽ സംയോജിപ്പിക്കുകയും തീമുകളും പ്ലഗിനുകളും ഉപയോഗിച്ച് എളുപ്പത്തിൽ ഇഷ്ടാനുസൃതമാക്കാവുന്നതുമാണ്. MSWord-ന് സമാനമായ പ്രവർത്തനക്ഷമത വാഗ്ദാനം ചെയ്യുന്ന ഏറ്റവും "പൂർണ്ണമായ" എഡിറ്റർമാരിൽ ഒന്നാണ് TinyMCE.

3.സികെഎഡിറ്റർ

ഡെമോ | ഡൗൺലോഡ്

CKEditor ആണ് പുതുക്കിയ പതിപ്പ് FCKEditor, മുമ്പ് ഒരു വ്യവസായ പ്രമുഖനായിരുന്നു. FCKEditor-ൻ്റെ തെറ്റുകൾ തിരുത്താനുള്ള ആഗ്രഹത്തെ അടിസ്ഥാനമാക്കിയുള്ളതായിരുന്നു അത്. എന്നായിരുന്നു ഫലം വിഷ്വൽ എഡിറ്റർകൂടെ ഉയർന്ന പ്രകടനം, ഇത് MSWord, Open Office എന്നിവയുമായി താരതമ്യപ്പെടുത്താവുന്ന എഡിറ്റിംഗ് സവിശേഷതകൾ വാഗ്ദാനം ചെയ്യുന്നു.

4. YUI റിച്ച് ടെക്സ്റ്റ് എഡിറ്റർ

ഡെമോ | ഡൗൺലോഡ്

YUI റിച്ച് എന്ന സൈറ്റിനായുള്ള WYSIWYG എഡിറ്റർ യാഹൂവിൽ നിന്നുള്ള ഒരു ഇൻ്റർഫേസ് നിയന്ത്രണമാണ്, ഇത് ലളിതമാക്കി മാറ്റുന്നു ടെക്സ്റ്റ് പാനൽഒരു പൂർണ്ണ ഫീച്ചർ ചെയ്ത WYSIWYG എഡിറ്ററിലേക്ക്. വ്യത്യസ്ത തലത്തിലുള്ള സങ്കീർണ്ണതയും വ്യത്യസ്ത പ്രവർത്തനങ്ങളുമുള്ള നിരവധി പതിപ്പുകളിൽ ഈ ഉപകരണം വരുന്നു, എന്നാൽ അവയിൽ ഓരോന്നിലും രചയിതാക്കൾ മികച്ച എർഗണോമിക്സ് കൈവരിക്കുന്നു ( ഇൻ്റർഫേസ് തടസ്സപ്പെടുത്തുന്ന ബട്ടണുകളുടെ ഒരു കുഴപ്പവുമില്ലാതെ).

5. MarkItUp!

ഡെമോ | ഡൗൺലോഡ്

നിങ്ങൾക്ക് ഇഷ്ടമുള്ള ടെക്സ്റ്റ് ഏരിയകളെ മാർക്ക്അപ്പ് എഡിറ്ററുകളാക്കി മാറ്റാൻ അനുവദിക്കുന്ന ഒരു jQuery പ്ലഗിൻ ആണ് Markitup. HTML വാക്യഘടന, വിക്കി, ബിബികോഡ് എന്നിവ പിന്തുണയ്‌ക്കുന്ന ചില ഓപ്ഷനുകൾ മാത്രമാണ്. Markitup ഒരു WYSIWYG എഡിറ്റർ അല്ല, എന്നാൽ അതിനർത്ഥം നിങ്ങൾക്കാവശ്യമായ എല്ലാ സവിശേഷതകളും ഇത് നൽകുന്നില്ല എന്നാണ്. ഇത് ഒതുക്കമുള്ളതും ഉപയോഗിക്കാൻ എളുപ്പവുമാണ്.

6. FreeTextBox

ഡെമോ | ഡൗൺലോഡ്

FreeTextBox എന്നത് ASP.NET-നായി പ്രത്യേകം രൂപകൽപ്പന ചെയ്ത ഒരു ഓൺലൈൻ WYSIWYG HTML എഡിറ്ററാണ്. എഡിറ്ററുടെ രൂപം വളരെ സാമ്യമുള്ളതാണ് മൈക്രോസോഫ്റ്റ് വേർഡ്. IN സ്വതന്ത്ര പതിപ്പ്നിരവധി വിപുലമായ ഫംഗ്ഷനുകൾ നടപ്പിലാക്കിയിട്ടില്ല, എന്നാൽ ലഭ്യമായ സെറ്റ് പൂർണ്ണമായ ജോലിക്ക് മതിയാകും.

7.മൂഎഡിറ്റബിൾ

ഡെമോ | ഡൗൺലോഡ്

നന്നായി എഴുതിയ JavaScript ലൈബ്രറി ഉപയോഗിച്ച് നടപ്പിലാക്കുന്ന ലളിതവും എന്നാൽ ഫലപ്രദവുമായ പ്രവർത്തനം MooEditable നൽകുന്നു. നിങ്ങൾ Mootools-ൻ്റെ ആരാധകനാണെങ്കിൽ, നിങ്ങൾക്ക് ഇതിൽ പ്രശ്‌നങ്ങളൊന്നും ഉണ്ടാകില്ല.

8.OpenWysiwyg

ഡെമോ | ഡൗൺലോഡ്

OpenWYSIWYG ഒരു ക്രോസ് ബ്രൗസർ ലളിതമായ WYSIWYG എഡിറ്ററാണ് ആവശ്യമായ പ്രവർത്തനങ്ങൾ. ഫ്ലൈഔട്ടുകളും ബട്ടണുകളും ഉൾപ്പെടുന്ന മനോഹരമായ ഒരു യൂസർ ഇൻ്റർഫേസ് ഇതിന് ഉണ്ട്. അവൻ്റെ ഒന്ന് തനതുപ്രത്യേകതകൾടേബിളുകൾ ഉപയോഗിച്ച് നന്നായി നടപ്പിലാക്കിയ ജോലിയാണ്. അതേ സമയം, ഇൻ ഗൂഗിൾ ക്രോം OpenWYSIWYG ഇപ്പോഴും പിന്തുണയ്ക്കുന്നില്ല.

9.jHtmlArea

ഡെമോ | ഡൗൺലോഡ്

ജനപ്രീതിയാർജ്ജിച്ച JQuery ലൈബ്രറിയുടെ പ്ലഗിൻ ആയി രൂപകൽപ്പന ചെയ്ത മറ്റൊരു WYSIWYG എഡിറ്ററാണ് jHtmlArea. ഇത് ഉപയോഗിക്കാൻ എളുപ്പമാണ് കൂടാതെ ഏറ്റവും കൂടുതൽ മാത്രം അടങ്ങിയിരിക്കുന്നു ആവശ്യമായ ഓപ്ഷനുകൾ. ഇത് അതിൻ്റെ എല്ലാ ഘടകങ്ങളും ഇഷ്‌ടാനുസൃതമാക്കുന്നത് വളരെ എളുപ്പമാക്കുന്നു: രൂപം മുതൽ ഭാഷ വരെ.

കോഡ് എഡിറ്റർമാരുടെ കാര്യം വരുമ്പോൾ, വ്യത്യസ്ത എഡിറ്റർമാർ വാഗ്ദാനം ചെയ്യുന്ന എല്ലാ ആനുകൂല്യങ്ങളെയും പ്രവർത്തനങ്ങളെയും കുറിച്ച് വ്യക്തമായ അവലോകനം ലഭിക്കുന്നത് ചിലപ്പോൾ ബുദ്ധിമുട്ടാണ്. എന്നിരുന്നാലും, അവസാനം അത് ആവശ്യമാണ് ഇത്രയെങ്കിലുംഒന്ന്, അതിനാൽ നിങ്ങളുടെ വ്യക്തിപരമായ ആവശ്യങ്ങൾക്ക് ഏറ്റവും അനുയോജ്യമായ എഡിറ്റർ ഏതാണെന്ന് അറിയേണ്ടത് പ്രധാനമാണ്.

ഡബ്ല്യുവൈഎസ്ഐഡബ്ല്യുവൈജി എഡിറ്റർമാരെ മാനുവൽ കോഡ് സൃഷ്‌ടിക്കുന്നതിൻ്റെ വക്താക്കൾ പലപ്പോഴും വിമർശിക്കാറുണ്ട്. ഉറവിടം, ഈ എഡിറ്റർമാർ നിർമ്മിക്കുന്നത്. എന്നിരുന്നാലും, ഇൻ ഈയിടെയായി WYSIWYG എഡിറ്റർമാർ കൂടുതൽ മെച്ചപ്പെട്ടു. ചിലപ്പോൾ നിങ്ങൾ നിങ്ങളുടെ ഉപഭോക്താക്കൾക്ക് ഏറ്റവും കൂടുതൽ നൽകേണ്ടതുണ്ട് ലളിതമായ ഉപകരണങ്ങൾനിങ്ങളുടെ വെബ്സൈറ്റുകൾ എഡിറ്റ് ചെയ്യാനോ അപ്ഡേറ്റ് ചെയ്യാനോ. ഇവിടെയാണ് WYSIWYG എഡിറ്റർമാർ ഒഴിച്ചുകൂടാനാവാത്തത്.

നിങ്ങൾക്ക് ചില "മികച്ച" എഡിറ്റർമാരെ ശുപാർശ ചെയ്യുന്നത് തെറ്റാണ്, കാരണം തിരഞ്ഞെടുപ്പ് എല്ലായ്പ്പോഴും നിങ്ങളുടെ ആവശ്യങ്ങൾ, പ്രധാന ലക്ഷ്യങ്ങൾ, കഴിവുകൾ, അനുഭവം എന്നിവയെ ആശ്രയിച്ചിരിക്കുന്നു. അതിനാൽ, ഈ ലേഖനത്തിൽ വ്യത്യസ്തവും ഉപയോഗപ്രദവും അല്ലാത്തതുമായ WYSIWYG എഡിറ്റർമാരുടെ ഒരു അവലോകനം നൽകാൻ ഞങ്ങൾ ശ്രമിച്ചു.
നിങ്ങൾ ഇതുവരെ കേട്ടിട്ടില്ലാത്ത പുതിയ എഡിറ്റർമാരെ നിങ്ങൾ കണ്ടെത്തുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു. അല്ലെങ്കിൽ നിങ്ങളുടെ പ്രിയപ്പെട്ട എഡിറ്ററിൽ നിങ്ങൾക്ക് നഷ്‌ടമായ ചില സവിശേഷതകൾ കണ്ടെത്താം, അല്ലെങ്കിൽ നിങ്ങളുടെ വർക്ക്ഫ്ലോ മെച്ചപ്പെടുത്തുന്നതിന് വാഗ്ദാനമായ നിരവധി ഓപ്ഷനുകൾ പരീക്ഷിക്കുക. കൂടാതെ, നിങ്ങൾക്ക് ഏതൊക്കെ എഡിറ്റർമാരെ ഉപയോഗിക്കാമെന്നും ഏതൊക്കെ ടൂളുകൾ ഉപയോഗിക്കരുതെന്നും നിങ്ങൾക്ക് മനസിലാക്കാം.

എന്താണ് ഇതിനർത്ഥം WYSIWYG?

അത്തരം എഡിറ്റർമാരിൽ, നിങ്ങൾക്ക് നിങ്ങളുടെ ഡോക്യുമെൻ്റുകളുടെ സോഴ്സ് കോഡല്ല, മറിച്ച് അതിൻ്റെ പ്രാതിനിധ്യം മാറ്റാൻ കഴിയും, അത് (സാധ്യമെങ്കിൽ) അന്തിമ പ്രമാണത്തിൽ പ്രസിദ്ധീകരിക്കും. ഈ രീതിയിൽ, കൈകൊണ്ട് കോഡിൻ്റെ ബ്ലോക്കുകൾ എഴുതുന്നതിനുപകരം, എഡിറ്റർ വിൻഡോ ഉപയോഗിച്ച് ഘടകങ്ങൾ ഉപയോഗിച്ച് നിങ്ങൾ ഡിസൈൻ നിയന്ത്രിക്കുന്നു. ഡോക്യുമെൻ്റോ ചിത്രമോ ഇപ്പോഴും സൃഷ്‌ടിച്ചുകൊണ്ടിരിക്കുകയാണെങ്കിലും, അന്തിമ ഫലവുമായി വളരെ സാമ്യമുള്ള എന്തെങ്കിലും നിങ്ങൾ കാണുന്നു എന്നാണ് ഇതിനർത്ഥം.

കുറിപ്പ്: ഈ ലേഖനം Windows, Linux അല്ലെങ്കിൽ Mac എന്നിവയിൽ പ്രവർത്തിക്കുന്ന ഡെസ്‌ക്‌ടോപ്പ്-ഓറിയൻ്റഡ് WYSIWYG എഡിറ്റർമാരെ മാത്രമേ അവലോകനം ചെയ്യുന്നുള്ളൂ കൂടാതെ JavaScript WYSIWIG എഡിറ്റർമാരെ അവലോകനം ചെയ്യുന്നില്ല.

അഡോബ് ഡ്രീംവീവർ

മുമ്പ് ഒരു മാക്രോമീഡിയ ഉൽപ്പന്നമായിരുന്നു, ഡവലപ്പർമാരെ അവരുടെ വർക്ക്ഫ്ലോ മെച്ചപ്പെടുത്താനും കോഡിംഗ് ചെയ്യുമ്പോൾ ടൺ കണക്കിന് സമയം ലാഭിക്കാനും സഹായിക്കുന്ന ഏറ്റവും വ്യാപകമായി ഉപയോഗിക്കുന്ന എഡിറ്റർമാരിൽ ഒന്നാണ് ഡ്രീംവീവർ. എങ്കിൽ മുൻ പതിപ്പുകൾഡ്രീംവീവർ ചിലപ്പോൾ വിചിത്രമായ സോഴ്സ് കോഡ് സൃഷ്ടിച്ചു, എന്നാൽ ഏറ്റവും പുതിയ പതിപ്പിന് (മിക്ക കേസുകളിലും) പൂർണ്ണമായും ക്ലീൻ മാർക്ക്അപ്പ് സൃഷ്ടിക്കാൻ കഴിയും.

ഡ്രീംവീവറും പലതരം നൽകുന്നു ഉപയോഗപ്രദമായ ഉപകരണങ്ങൾ, കോഡ് സ്‌നിപ്പെറ്റ് ലൈബ്രറികൾ, ftp മാനേജ്‌മെൻ്റ്, ഡീബഗ്ഗിംഗ് സെർവർ, കോംപ്ലക്സ് കോഡിംഗ് എന്നിവ പോലെ. ഉദാഹരണത്തിന്, നിങ്ങൾക്ക് ഒരൊറ്റ, ഏകീകൃത CSS പാനലിൽ CSS വിവരങ്ങൾ കാണാൻ കഴിയും, ഇത് പ്രയോഗിച്ച ശൈലികൾ കാണുന്നത് എളുപ്പമാക്കുന്നു പ്രത്യേക ഘടകങ്ങൾ, ആട്രിബ്യൂട്ടുകൾ എവിടെയാണ് നിർവചിച്ചിരിക്കുന്നതെന്ന് നിർവചിക്കുകയും നിലവിലുള്ള ശൈലികൾ എഡിറ്റ് ചെയ്യുകയും ചെയ്യുക. ഞങ്ങളുടെ ഡ്രീംവീവർ ട്യൂട്ടോറിയലുകളുടെ പട്ടികയും കാണുക. വില: $400 (CS3 പതിപ്പ്).

ഡ്രീംവീവറിൻ്റെ നിരവധി സവിശേഷതകളിൽ ചിലത്:
* വിപുലമായ CSS എഡിറ്റിംഗ്
* സംയോജിത കോഡിംഗ് പരിസ്ഥിതി
* അജാക്സിനുള്ള സ്പ്രൈ ഫ്രെയിംവർക്ക്
* ബ്രൗസർ അനുയോജ്യത പരിശോധിക്കുന്നു.
* ഫോട്ടോഷോപ്പ് CS3, പടക്കങ്ങൾ എന്നിവയുമായുള്ള സംയോജനം.
* കോഡ് സ്നിപ്പെറ്റുകൾ (ഉദാഹരണത്തിന്, CSS ഫോർമാറ്റുകൾ)
* FTP മാനേജ്മെൻ്റ്
* XML പിന്തുണ
*FLV പിന്തുണ
* പരിശീലന ഉറവിടങ്ങൾ (അഡോബ് സിഎസ്എസ് അഡ്വൈസർ പോലുള്ളവ)
* ഡ്രീംവീവറിനായുള്ള നിരവധി വിപുലീകരണങ്ങൾ.

അമയ

ഉപയോക്താക്കൾക്കായി വെബ്‌സൈറ്റുകളും ബ്ലോഗുകളും ഒന്നും തന്നെ കൂടാതെ എഡിറ്റ് ചെയ്യാനുള്ള കഴിവാണ് അഡോബ് കോൺട്രിബ്യൂട്ടിൻ്റെ പ്രധാന ലക്ഷ്യം സാങ്കേതിക പരിജ്ഞാനം. സൈറ്റ് സമഗ്രത നിലനിർത്തിക്കൊണ്ട് നിലവിലുള്ള സൈറ്റുകളും ബ്ലോഗുകളും അപ്‌ഡേറ്റ് ചെയ്യാൻ രചയിതാക്കളെ Contribute CS3 അനുവദിക്കുന്നു. സംഭാവനകൾ ഡ്രീംവീവറുമായി സംയോജനം വാഗ്ദാനം ചെയ്യുന്നു, ഇത് ഉപയോഗിച്ച് മെറ്റീരിയലുകൾ പോസ്റ്റ് ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്നു മൈക്രോസോഫ്റ്റ് ഓഫീസ്കൂടാതെ IE 7, Firefox എന്നിവയിൽ നിന്നുള്ള എഡിറ്റിംഗും.
ഈ WYSIWYG എഡിറ്റർ ഉപയോഗിച്ച്, രചയിതാക്കൾക്ക് HTML പഠിക്കാതെ തന്നെ ഏതെങ്കിലും വെബ്സൈറ്റ് അല്ലെങ്കിൽ ബ്ലോഗ് മാറ്റാനോ അപ്ഡേറ്റ് ചെയ്യാനോ കഴിയും. വില: $169 (CS3 പതിപ്പ്).

അഡോബ് ഗോലിവ്

ഏപ്രിലിൽ, Adobe GoLive 9 വികസിപ്പിക്കുന്നതും വിൽക്കുന്നതും നിർത്തി. Adobe GoLive ഉപയോക്താക്കളെ Dreamweaver-ലേക്ക് മാറാൻ ശുപാർശ ചെയ്യുന്നു, അതിനുശേഷം നിങ്ങൾ GoLive ശുപാർശ ചെയ്യരുത് (ആശ്ചര്യകരമെന്നു പറയട്ടെ, യഥാർത്ഥത്തിൽ ശക്തമായ ഉപകരണംഎഡിറ്റിംഗ്, (ചുവടെ കാണുക) നിങ്ങളുടെ ക്ലയൻ്റുകൾക്കായി.

ചില Adobe GoLive 9 സവിശേഷതകൾ:
* ഡിസൈനർ ശൈലികൾ
* വിഷ്വൽ CSS ലേഔട്ട്
* കമാൻഡ് സ്ഥാപിക്കുക
*Adobe InDesign® സംയോജനം
* കളർ മാനേജ്മെൻ്റ്
*പ്ലാറ്റ്ഫോം പിന്തുണ
* സൈറ്റ് മാനേജ്മെൻ്റ് ടൂളുകൾ
*സെർവർ പ്രസിദ്ധീകരിക്കുക
* സ്മാർട്ട് വസ്തുക്കൾ

Microsoft Expression Web

അതിൻ്റെ യഥാർത്ഥ മോശം വെബ് എഡിറ്റർ (ഫ്രണ്ട്പേജ്) യുടെ പേരിൽ രൂക്ഷമായി വിമർശിക്കപ്പെട്ടപ്പോൾ, മൈക്രോസോഫ്റ്റ് അടുത്തിടെ ഒരു എഡിറ്റർ സൃഷ്ടിച്ചു, എക്സ്പ്രഷൻ, അത് അതിൻ്റെ മുൻഗാമികളിൽ ഭൂരിഭാഗവും പാരമ്പര്യമായി ലഭിച്ചതായി തോന്നുന്നു. Adobe Dreamweaver-നോട് വളരെ സാമ്യമുള്ള ഫീച്ചറുകളോടെ, ഇൻ്റർനെറ്റ് ഉപയോക്താക്കൾക്ക് ഒരു സുഖപ്രദമായ അന്തരീക്ഷം സൃഷ്ടിക്കാൻ എക്സ്പ്രഷൻ ശ്രമിച്ചു. എന്നിരുന്നാലും, എപ്പോൾ നേരിട്ടുള്ള താരതമ്യംഡ്രീംവീവർ കൂടുതൽ വാഗ്ദാനം ചെയ്യുകയും കൂടുതൽ ഉൽപ്പാദിപ്പിക്കുകയും ചെയ്യുന്നു ശുദ്ധമായ കോഡ്. എന്നിരുന്നാലും, എക്സ്പ്രഷൻ മാന്യമായ, സ്റ്റാൻഡേർഡ്-കംപ്ലയൻ്റ് കോഡ് നിർമ്മിക്കുന്നു, കൂടാതെ CSS, CSS ലേഔട്ടുകളിൽ എങ്ങനെ പ്രവർത്തിക്കണമെന്ന് അറിയാം.

മറ്റുള്ളവരുമായി സ്റ്റുഡിയോ പതിപ്പ് സോഫ്റ്റ്വെയർ ആപ്ലിക്കേഷനുകൾ(ഗ്രാഫിക് ഡിസൈൻ ടൂൾ, വീഡിയോ എൻകോഡിംഗ് ടൂൾ മുതലായവ) ചെലവ് ഏകദേശം. $500. ഒരു എക്സ്പ്രെഷൻ ലൈസൻസിന് $350 വിലയുണ്ട്. ഫ്രണ്ട്‌പേജ് അപ്‌ഗ്രേഡ് ചെയ്‌ത് പണം ലാഭിക്കുന്നതിലൂടെ നിങ്ങൾക്ക് എക്‌സ്‌പ്രഷൻ ലഭിക്കും. 60 ദിവസത്തെ ട്രയൽ പതിപ്പ് ഡൗൺലോഡ് ചെയ്യാൻ സൌജന്യമാണ്, എന്നാൽ രജിസ്ട്രേഷൻ ആവശ്യമാണ്.

ദയവായി ശ്രദ്ധിക്കുക: എക്സ്പ്രഷൻ ഫ്രണ്ട്പേജിൻ്റെ പിൻഗാമിയല്ല, അവ തികച്ചും വ്യത്യസ്തമായ വികസന ഉപകരണങ്ങളാണ്. മൈക്രോസോഫ്റ്റ് എക്സ്പ്രഷൻ മൈക്രോസോഫ്റ്റിനോട് സാമ്യമുള്ളതാണ് ഷെയർപോയിൻ്റ് ഡിസൈനർ, ഇത് ഒരു കൺസ്ട്രക്റ്റർ അധിഷ്ഠിതവും പൊതുവായ വെബ് വികസനം നൽകാൻ ലക്ഷ്യമിടുന്നതുമാണ്. Microsoft SharePointഷെയർപോയിൻ്റ് അധിഷ്‌ഠിത സൈറ്റുകൾ വികസിപ്പിക്കുന്നതിലും പൊരുത്തപ്പെടുത്തുന്നതിലും ഡിസൈനർ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു, ഫ്രണ്ട്‌പേജിൻ്റെ വലിയ സഹോദരനായി കണക്കാക്കാം.

ചില Microsoft Expression സവിശേഷതകൾ:
* ASP.NET 2.0 ഇൻ്റഗ്രേഷൻ
* വിപുലമായ CSS റെൻഡറിംഗ്
* XPath എക്സ്പ്രഷൻ ബിൽഡർ
* വ്യവസായ നിലവാരമുള്ള XML ഡാറ്റയുടെ കാഴ്‌ചകൾ നിർമ്മിക്കുകയും ഫോർമാറ്റ് ചെയ്യുകയും ചെയ്യുക
* പ്രോപ്പർട്ടി ഗ്രിഡ് ടാഗ് ചെയ്യുക
* പ്രവേശനക്ഷമത പരിശോധന
* തത്സമയ സ്റ്റാൻഡേർഡ് മൂല്യനിർണ്ണയം
* പൂർണ്ണ സ്കീമ പിന്തുണ

NVU-യുടെ ചില സവിശേഷതകൾ:
* നിങ്ങൾ സൃഷ്ടിക്കുന്ന സൈറ്റുകൾ കാണാൻ സൈറ്റ് മാനേജർ നിങ്ങളെ അനുവദിക്കുന്നു.
* XML പിന്തുണ.
* അന്തർനിർമ്മിത വാലിഡേറ്റർ.

കമ്പോസർ

മൈക്രോസോഫ്റ്റ് ഫ്രണ്ട്പേജിൻ്റെ പിൻഗാമിയാണിത്. സാധാരണ WYSIWYG എഡിറ്ററാണ് ഷെയർപോയിൻ്റ് ഡിസൈനർ. സംവേദനാത്മക ASP.NET പേജുകളെ പിന്തുണയ്‌ക്കുന്നതിന് പുറമെ, ഇത് വിപ്ലവകരമായ ഒന്നും വാഗ്ദാനം ചെയ്യുന്നില്ല. സൗജന്യ ട്രയൽ പതിപ്പ് ലഭ്യമാണ്. ആവശ്യമുള്ള ഒരു ഓൺലൈൻ പതിപ്പ് ഉണ്ട് ഇന്റർനെറ്റ് എക്സ്പ്ലോറർവലിയ ക്ഷമയും.

ചിലത് ഷെയർപോയിൻ്റ് സവിശേഷതകൾ:
* സംവേദനാത്മക ASP.NET പേജുകൾക്കുള്ള പിന്തുണ
* RSS, XMl, Office XML എന്നിവയിൽ നിന്ന് ഡാറ്റ കാഴ്‌ചകൾ സൃഷ്‌ടിക്കുക
* ബിൽറ്റ്-ഇൻ വർക്ക്ഫ്ലോ ഡിസൈനറുമായി സഹകരിക്കുക
* CSS ഉപകരണങ്ങൾ
* ഇഷ്‌ടാനുസൃതമാക്കിയ പേജുകൾ ട്രാക്കുചെയ്യുക
* സ്പെല്ലിംഗ് ചെക്കർ
* ഷെയർപോയിൻ്റ് സെർവർ 2007 സംയോജനം

മിക്കവാറും എല്ലാ ഇൻ്റർനെറ്റ് ഉപഭോക്താക്കൾക്കും അവരുടെ സ്വന്തം വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതിനെക്കുറിച്ച് എപ്പോഴെങ്കിലും ചിന്തിച്ചിട്ടുണ്ട്, എന്നാൽ വെബ് പ്രോഗ്രാമിംഗിൻ്റെയും ലേഔട്ടിൻ്റെയും അടിസ്ഥാനകാര്യങ്ങളെങ്കിലും മാസ്റ്റർ ചെയ്യാനുള്ള സമയവും കഴിവും എല്ലാവർക്കും ഇല്ല. എന്നാൽ, മിക്ക കേസുകളിലും, സങ്കീർണ്ണമായ പ്രോഗ്രാമബിൾ ഘടകങ്ങൾ വികസിപ്പിക്കേണ്ട ആവശ്യമില്ല, കൂടാതെ ഒരു വിഷ്വൽ വെബ്സൈറ്റ് എഡിറ്ററോ WYSIWYG എഡിറ്ററോ ഉപയോഗിച്ച് നിങ്ങൾക്ക് മനോഹരവും പ്രവർത്തനപരവുമായ ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കാൻ കഴിയും.

അത്തരം പ്രോഗ്രാമുകൾ, ആപേക്ഷികമായ ഉപയോഗം ഉണ്ടായിരുന്നിട്ടും, അമേച്വർ ഡെവലപ്മെൻ്റ് ടൂളുകളിൽ നിന്ന് വളരെ അകലെയാണ്, എന്നാൽ ഏത് തലത്തിലുള്ള അനുഭവവും ഉപയോഗിച്ച് പ്രവർത്തിക്കാനുള്ള അവരുടെ കഴിവാണ് അവയെ സവിശേഷമാക്കുന്നത്.

WYSIWYG എന്നത് വാട്ട് യു സീ ഈസ് വാട്ട് യു ഗെറ്റ് എന്ന ഇംഗ്ലീഷ് പദങ്ങളുടെ ചുരുക്കപ്പേരാണ്, അത് "നിങ്ങൾ കാണുന്നത് നിങ്ങൾക്ക് ലഭിക്കുന്നത്" എന്ന് വിവർത്തനം ചെയ്യുന്നു. അതാണ്, ഞങ്ങൾ സംസാരിക്കുന്നത്ഒരു വികസന പരിതസ്ഥിതിയെക്കുറിച്ച്, ഉപയോക്താവിന്, അവൻ പ്രവർത്തിക്കുമ്പോൾ, അവൻ്റെ പരിശ്രമത്തിൻ്റെ ഏകദേശ ഫലം ഉടനടി കാണാൻ കഴിയും. മിക്കപ്പോഴും റണ്ണറ്റിൽ, സൂചിപ്പിച്ച ചുരുക്കത്തിൻ്റെ റഷ്യൻ ഭാഷാ അനലോഗ് ഉപയോഗിക്കുന്നു, ഈ തരത്തിലുള്ള പ്രോഗ്രാമുകളെ വിഷ്വൽ എഡിറ്റർമാർ എന്ന് വിളിക്കുന്നു. ഉപയോഗിച്ച് സമാനമായ ആപ്ലിക്കേഷനുകൾഉപയോഗിച്ച് നിങ്ങൾക്ക് കോഡ് സൃഷ്ടിക്കാൻ കഴിയും വ്യത്യസ്ത ഭാഷകൾപ്രോഗ്രാമിംഗും ലേഔട്ടും - HTML, CSS, PHP മുതലായവ.

HTML, മറ്റ് വെബ് വികസന ഭാഷകൾ എന്നിവയ്‌ക്കായുള്ള ഏറ്റവും ജനപ്രിയമായ WYSIWYG എഡിറ്റർ അഡോബ് ഡ്രീംവീവർ ആണ്. ഇതിന് ശരിക്കും ഉപയോക്തൃ-സൗഹൃദ ഇൻ്റർഫേസ് ഉണ്ട്, വലിയ തുകലഭ്യമായ ഉപകരണങ്ങൾ, നിലവിലെ സാങ്കേതികവിദ്യകൾക്കുള്ള പിന്തുണ, മറ്റ് ക്രിയേറ്റീവ് സ്യൂട്ട് ആപ്ലിക്കേഷനുകളുമായുള്ള സംയോജനം. അഡോബ് ഡ്രീംവീവറിൻ്റെ വലിയ നേട്ടം വിശദമായ പ്രൊഫഷണൽ ഡോക്യുമെൻ്റേഷൻ്റെ ലഭ്യതയാണ്. സൗജന്യ പാഠങ്ങൾപ്രോഗ്രാമിനൊപ്പം പ്രവർത്തിക്കുമ്പോൾ, അത് ഇൻ്റർനെറ്റിൽ കണ്ടെത്താനാകും. കൂടാതെ, ജൂംല, വേർഡ്പ്രസ്സ്, ദ്രുപാൽ തുടങ്ങിയ സാധാരണ സിഎംഎസ് എഞ്ചിനുകളുമായി ഇതിന് പ്രവർത്തിക്കാൻ കഴിയും. നിലവിലെ പതിപ്പ് CS6 ആണ്.

മറ്റൊരു ജനപ്രിയ വിഷ്വൽ എഡിറ്റർ WYSIWYG വെബ് ബിൽഡറാണ്, ഇത് അടുത്തിടെ പതിപ്പ് 9-ലേക്ക് അപ്‌ഡേറ്റ് ചെയ്‌തു. കോഡിംഗും വെബ് പ്രോഗ്രാമിംഗ് കഴിവുകളും കൂടാതെ ഉയർന്ന നിലവാരമുള്ള വെബ്‌സൈറ്റുകൾ സൃഷ്‌ടിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്ന ശക്തമായ ഒരു പരിഹാരമാണിത്. സങ്കീർണ്ണമായ സാഹചര്യങ്ങളും സംവേദനാത്മക ഘടകങ്ങളും ഉൾപ്പെടുത്തിക്കൊണ്ട് ലളിതമായ ബിസിനസ്സ് കാർഡ് സൈറ്റുകളോ മൾട്ടി-പേജ് ഉറവിടങ്ങളോ സൃഷ്ടിക്കാൻ പ്രോഗ്രാം നിങ്ങളെ അനുവദിക്കുന്നു. കിറ്റ് നിരവധി വ്യത്യസ്ത ടെംപ്ലേറ്റുകളോടെയാണ് വരുന്നത്, നിങ്ങൾ ജോലി ചെയ്യുമ്പോൾ പുതിയവ ചേർക്കാവുന്നതാണ്. IN പുതിയ പതിപ്പ് WYSIWYG വെബ് ബിൽഡർ എത്തി റിബൺ ഇൻ്റർഫേസ്, CSS3-നൊപ്പം പ്രവർത്തിക്കുന്നതിന് പുതിയ സവിശേഷതകളും മറ്റ് നൂറിലധികം മെച്ചപ്പെടുത്തലുകളും ചേർത്തു.

വാണിജ്യ പരിഹാരങ്ങൾക്ക് പുറമേ, നല്ല ഓപ്പൺ സോഴ്‌സ് സൊല്യൂഷനുകളും ഉണ്ട്. ഉദാഹരണത്തിന്, സ്വതന്ത്ര വിഷ്വൽ എഡിറ്റർ BlueGriffon, സൃഷ്ടിച്ചത് ഗെക്കോ എഞ്ചിൻ, ഇത് ലോകപ്രശസ്തമായ മോസില്ല ഫയർഫോക്സ് ബ്രൗസറും പ്രവർത്തിപ്പിക്കുന്നു.

വെബ് പേജുകൾ എഡിറ്റുചെയ്യുന്നതിനും ഏറ്റവും പുതിയ വെബ് മാനദണ്ഡങ്ങൾ പാലിക്കുന്ന സൈറ്റുകൾ സൃഷ്ടിക്കുന്നതിനുമുള്ള ആധുനികവും വിശ്വസനീയവുമായ പരിഹാരമാണിത്. BlueGriffon എന്നത് HTML, PHP, CSS, മറ്റ് വെബ് ഡെവലപ്‌മെൻ്റ് ഭാഷകൾ എന്നിവയ്‌ക്കായുള്ള ഒരു ബഹുഭാഷാ വിഷ്വൽ എഡിറ്ററാണ്, അവയ്‌ക്ക് അവബോധജന്യവും ഉപയോക്തൃ-സൗഹൃദ ഇൻ്റർഫേസും ഉണ്ട്, അതിൽ എഡിറ്റ് ചെയ്‌ത പ്രമാണം ഫയർഫോക്‌സ് ബ്രൗസറിലേതിന് സമാനമായി കാണപ്പെടും.

WYSIWYG എഡിറ്റർ യഥാർത്ഥമാണ് സൗകര്യപ്രദമായ ഉപകരണംവെബ് പേജുകൾ എഡിറ്റ് ചെയ്യുന്നതിനും പൂർണ്ണമായ സൈറ്റുകൾ സൃഷ്ടിക്കുന്നതിനും വ്യത്യസ്ത തലങ്ങൾബുദ്ധിമുട്ടുകൾ. ഇതോടെ, വിപുലമായ സാങ്കേതിക പരിജ്ഞാനം ആവശ്യമില്ലാതെ തന്നെ ഉപയോക്താവിന് ആകർഷകമായ വെബ്സൈറ്റുകൾ സൃഷ്ടിക്കാനാകും.

ഓരോ വെബ് ഡിസൈനർക്കും കോഡറിനും ഒരു നല്ല വെബ് പേജ് എഡിറ്റർ ആവശ്യമാണ് HTML എഡിറ്റിംഗ്, CSS ഒപ്പം ജാവാസ്ക്രിപ്റ്റ് കോഡ്. നോട്ട്പാഡും (വിൻഡോസ്) ടെക്സ്റ്റ് എഡിറ്റും (മാക്) - വലിയ ഉപകരണങ്ങൾആരംഭിക്കാൻ, എന്നാൽ നിങ്ങൾ അനുഭവം നേടിയ ഉടൻ, കൂടുതൽ ദൃഢവും സൗകര്യപ്രദവുമായ ഒരു ഉപകരണം ഉപയോഗിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കും.

നൂറുകണക്കിന് മികച്ച എഡിറ്റർമാരുണ്ട്, അതിൽ നിന്ന് നിങ്ങൾക്ക് ശരിയായത് തിരഞ്ഞെടുക്കാനാകും, എന്നാൽ അവരിൽ പലരും പണം നൽകുന്നു. നിങ്ങൾക്ക് പകർപ്പവകാശം ലംഘിക്കാൻ താൽപ്പര്യമില്ലെങ്കിൽ, എന്നാൽ നിങ്ങളുടെ ബജറ്റിൽ ഒരു വാണിജ്യ ഉൽപ്പന്നം വാങ്ങാനുള്ള ഫണ്ട് ഇല്ലെങ്കിലോ? ഈ ലേഖനം ചില മികച്ച സ്വതന്ത്ര എഡിറ്റർമാരെ നോക്കുന്നു.

• WYSIWYG എഡിറ്റർമാർ.ഈ ഗ്രാഫിക് എഡിറ്റർ, അറിയപ്പെടുന്ന വേഡ് പ്രോസസർ MS Word-ലെ പോലെ, ഒരു പേജ് ലേഔട്ട് നിർമ്മിക്കാനും ദൃശ്യപരമായി ശൈലികൾ സജ്ജമാക്കാനും നിങ്ങളെ അനുവദിക്കുന്നു. ഒരു പേജ് ഡിസൈൻ നിർമ്മിക്കുന്നതിനുള്ള സൗകര്യപ്രദമായ ഉപകരണമാണ് അവ, എന്നിരുന്നാലും, അനുഭവപരിചയമുള്ള എല്ലാ വെബ് ഡിസൈനർമാർക്കും അറിയാവുന്നതുപോലെ, മികച്ച ഫലം നേടുന്നതിന് കോഡ് ഇപ്പോഴും മാറ്റേണ്ടതുണ്ട്.
• ടെക്സ്റ്റ് എഡിറ്റർമാർ. HTML, CSS കോഡുകൾ നേരിട്ട് എഡിറ്റ് ചെയ്യുന്നതിനുള്ള ഒരു ഉപകരണമാണിത്. ചില എഡിറ്റർമാർ പൊതു ഉദ്ദേശ്യമാണ്, കൂടാതെ വെബ് കോഡ് പിന്തുണയ്‌ക്കായി പ്രത്യേക ഓപ്ഷനുകൾ ഇല്ല. മറ്റുള്ളവ HTML, CSS, JavaScript, PHP എന്നിവ പോലുള്ള വെബ് ഭാഷകൾ ഉപയോഗിക്കുന്നതിന് സ്പെഷ്യലൈസ് ചെയ്തവയാണ്, കൂടാതെ ബിൽറ്റ്-ഇൻ പ്രോപ്പർട്ടികൾ ഉണ്ട് പെട്ടെന്നുള്ള ഇൻപുട്ട് HTML ടാഗുകൾ, CSS പ്രോപ്പർട്ടികൾ തുടങ്ങിയവ. ഈ എഡിറ്റർമാരിൽ പലരും ഒരു പ്രത്യേക വിൻഡോയിൽ ഒരു വെബ് പേജ് കാണാൻ നിങ്ങളെ അനുവദിക്കുന്നു.

KompoZer (Windows, Mac, Linux)

KompoZer - വലിയ തിരഞ്ഞെടുപ്പ്പരിമിതമായ ബഡ്ജറ്റിൽ നിങ്ങൾക്ക് ഒരു വിഷ്വൽ എഡിറ്റർ ആവശ്യമുണ്ടെങ്കിൽ

കൊമോഡോ എഡിറ്റ് - നല്ല എഡിറ്റർ, പഠിക്കാൻ എളുപ്പമാണ്, എന്നാൽ ശക്തവും വിപുലീകരിക്കാവുന്നതുമാണ്

ഇത് ഒരു പൊതു ഉദ്ദേശ്യ എഡിറ്ററാണെങ്കിലും, ഇത് HTML, CSS എന്നിവയെ പിന്തുണയ്ക്കുന്നു, കൂടാതെ HTML ടാഗുകൾക്കും സാന്ദർഭികമായ സ്വയം പൂർത്തീകരണവുമുണ്ട്. CSS പ്രോപ്പർട്ടികൾ, അതിനായുള്ള കോഡ് ഉൾപ്പെടുത്തലുകളുടെ ഒരു ശേഖരം വിവിധ ഘടകങ്ങൾ HTML. കൊമോഡോ പരമാവധി പ്രയോജനപ്പെടുത്തുന്നതിന്, നിങ്ങൾ HTML ടൂൾകിറ്റ് വിപുലീകരണം ഇൻസ്റ്റാൾ ചെയ്യേണ്ടതുണ്ട്, അതിൽ ഓട്ടോ-ക്ലോസ് ടാഗുകൾ, CSS രൂപഭാവ പ്രിവ്യൂ, ഒരു താൽക്കാലിക ടെക്സ്റ്റ് ജനറേറ്റർ എന്നിവ പോലുള്ള അതിശയകരമായ സവിശേഷതകൾ അടങ്ങിയിരിക്കുന്നു.

നിങ്ങൾ എഡിറ്റ് ചെയ്യുന്ന പേജുകൾ ഏതിലും കാണാൻ കൊമോഡോ എഡിറ്റ് നിങ്ങളെ അനുവദിക്കുന്നു ഇൻസ്റ്റാൾ ചെയ്ത ബ്രൗസർ, അല്ലെങ്കിൽ ഒരു പ്രത്യേക വിൻഡോയിൽ ബിൽറ്റ്-ഇൻ ബ്രൗസർ ഉപയോഗിക്കുക, അതുവഴി നിങ്ങൾക്ക് ഒരേ സമയം നിങ്ങളുടെ മാറ്റങ്ങളുടെ ഫലം എഡിറ്റ് ചെയ്യാനും കാണാനും കഴിയും.

സൈറ്റിലേക്ക് (FTP, FTPS, SFTP, അല്ലെങ്കിൽ SCP) ഫയലുകൾ അപ്‌ലോഡ് ചെയ്യുന്നതിന് എഡിറ്ററിന് ഒരു ബിൽറ്റ്-ഇൻ ഫംഗ്‌ഷൻ ഉണ്ട്, കൂടാതെ പ്രോജക്റ്റ് മാനേജർ ഓപ്ഷൻ ഉപയോഗിച്ച് നിങ്ങൾക്ക് നിങ്ങളുടെ ഫയലുകൾ ഭംഗിയായി ഗ്രൂപ്പുചെയ്യാനും കഴിയും.

വളരെ ഉപയോഗപ്രദമായ സവിശേഷത കോഡ് > ബ്ലോക്ക് തിരഞ്ഞെടുക്കുക. ഇത് നിലവിലെ പ്രധാന HTML ബ്ലോക്ക് ഹൈലൈറ്റ് ചെയ്യുന്നു, ഉദാഹരണത്തിന് നിലവിലെ അടച്ച ഒന്ന് div ഘടകംഅല്ലെങ്കിൽ ഉൽ. വളരെ സൗകര്യപ്രദമായ പ്രവർത്തനം, പകർത്തുന്നതിനോ നീക്കുന്നതിനോ ഒരു പേജിലെ മുഴുവൻ ഭാഗവും തിരഞ്ഞെടുക്കേണ്ടിവരുമ്പോൾ.

കൊമോഡോ എഡിറ്റിന് വളരെയധികം ശക്തിയുണ്ട് ഉപയോഗപ്രദമായ പ്രവർത്തനങ്ങൾഉപയോഗിക്കുന്നത് പോലുള്ളവ പതിവ് ഭാവങ്ങൾതിരയൽ/മാറ്റിസ്ഥാപിക്കൽ, നിർവഹിക്കാനുള്ള കഴിവ് ബാഹ്യ കമാൻഡുകൾ, ഇത്യാദി. ഭാഗ്യവശാൽ, എഡിറ്റർക്കും നല്ലത് ഉണ്ട് സഹായ സംവിധാനം, ഇത് കൊമോഡോ എഡിറ്റിൻ്റെ ശക്തി പ്രയോജനപ്പെടുത്തുന്നത് എളുപ്പമാക്കുന്നു.

ആപ്തന സ്റ്റുഡിയോ (വിൻഡോസ്, മാക്, ലിനക്സ്)

വലിയൊരു കൂട്ടം പ്ലഗിനുകളുള്ള ഒരു സമ്പൂർണ്ണ സംയോജിത വെബ് ആപ്ലിക്കേഷൻ വികസന പരിതസ്ഥിതിയാണ് ആപ്തന സ്റ്റുഡിയോ. നിങ്ങൾക്കത് ഒരു HTML/CSS/JavaScript കോഡ് എഡിറ്ററായി മാത്രമേ ഉപയോഗിക്കാനാകൂ

നോട്ട്പാഡ്++ എന്നത് വിൻഡോസിലെ നോട്ട്പാഡിന് പകരം വയ്ക്കാവുന്ന മികച്ചതാണ്. മറ്റ് എഡിറ്റർമാരെപ്പോലെ ഇതിന് ധാരാളം ഓപ്ഷനുകൾ ഇല്ലെങ്കിലും, HTML, CSS, JavaScript, മറ്റ് കോഡ് ഫയലുകൾ എന്നിവ എഡിറ്റുചെയ്യുന്നതിന് ഇത് മികച്ചതാണ്

എച്ച്ടിഎംഎൽ, സിഎസ്എസ് കോഡറുകൾക്ക് ഉപയോഗപ്രദമായ വൈവിധ്യമാർന്ന സവിശേഷതകളുള്ള വിൻഡോസിനായുള്ള മറ്റൊരു പൊതു ഉദ്ദേശ്യ എഡിറ്ററാണ് PSPad

ശക്തമായ മാക്രോ കമാൻഡും പ്ലഗിൻ സവിശേഷതകളും ഉള്ള ഒരു ക്രോസ്-പ്ലാറ്റ്ഫോം ടെക്സ്റ്റ് എഡിറ്ററാണ് jEdit. നിങ്ങൾക്ക് വെബ് പേജുകൾ എഡിറ്റ് ചെയ്യണമെങ്കിൽ XML പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക

TextWrangler ആണ് ഭാരം കുറഞ്ഞ എഡിറ്റർപൊതു ഉപയോഗം. ഇല്ലെങ്കിലും പ്രത്യേക പ്രവർത്തനങ്ങൾവെബ് വികസനത്തിന്, വെബ് പേജുകളിൽ പ്രവർത്തിക്കാൻ ഇത് ഉപയോഗിക്കാം.

Vim തീർച്ചയായും പഠിക്കാൻ പ്രയാസമാണ്, എന്നാൽ നിങ്ങൾ വെല്ലുവിളികൾ മറികടന്നുകഴിഞ്ഞാൽ, നിങ്ങൾക്ക് ഒരിക്കലും തിരികെ പോകാൻ ആഗ്രഹിക്കില്ല!

Vim എന്ന പ്രോഗ്രാമർമാരുടെ ടെക്സ്റ്റ് എഡിറ്റർമാരുടെ മുത്തശ്ശി (vi എഡിറ്ററുടെ നേരിട്ടുള്ള പിൻഗാമിയാണ്) കൺസോൾ എഡിറ്റർഓപ്പൺ സോഴ്സ് ടെക്സ്റ്റ്. Linux, Mac OS X എന്നിവയുൾപ്പെടെ, Unix-ൻ്റെ മിക്കവാറും എല്ലാ ഫ്ലേവറുകളിലും ഇത് ഡിഫോൾട്ട് എഡിറ്ററാണ്. ഇത് വിൻഡോസിലും മറ്റ് പല സിസ്റ്റങ്ങളിലും ഉപയോഗിക്കാനും ലഭ്യമാണ്.

മുമ്പൊരിക്കലും പ്രവർത്തിക്കാതെ തന്നെ നിങ്ങൾക്ക് ഇൻസ്റ്റാൾ ചെയ്യാനും ഉപയോഗിക്കാനും കഴിയുന്ന ഒരു സിസ്റ്റമല്ല Vim. മിക്ക എഡിറ്റിംഗ് കമാൻഡുകളിലും:wq കൂടാതെ / പോലുള്ള വിചിത്രമായ കോമ്പിനേഷനുകൾ ഉൾപ്പെടുന്നു. ഇതിന് മൂന്ന് എഡിറ്റിംഗ് മോഡുകളും ഉണ്ട്: മോഡ് തിരുകുന്നു, അതിൽ വാചകം നൽകിയിട്ടുണ്ട്; വിഷ്വൽടെക്സ്റ്റ് തിരഞ്ഞെടുക്കുന്നതിനുള്ള മോഡ്; ഒപ്പം കമാൻഡ്കമാൻഡുകൾ നൽകുന്നതിനുള്ള മോഡ്. ജാലകങ്ങളും മൗസും ഇല്ലാതിരുന്ന കാലത്തെ യുണിക്‌സിൻ്റെ പാരമ്പര്യമാണ് ഈ പ്രവർത്തനം.

എന്തുകൊണ്ടാണ് അവൻ പട്ടികയിൽ ഉണ്ടായിരുന്നത്? നിങ്ങൾ അതിൽ പ്രാവീണ്യം നേടിയാൽ, അതിൻ്റെ വേഗതയും ശക്തിയും നിങ്ങൾക്ക് ബോധ്യപ്പെടും. കുറച്ച് കമാൻഡുകൾ ഉപയോഗിച്ച്, മറ്റ് എഡിറ്റർമാരിൽ മിനിറ്റുകൾ എടുത്തേക്കാവുന്ന കാര്യങ്ങൾ കുറച്ച് നിമിഷങ്ങൾക്കുള്ളിൽ നിങ്ങൾക്ക് ചെയ്യാൻ കഴിയും.

നിലവിലുണ്ട് ഒരു വലിയ സംഖ്യ Vim-നുള്ള മാക്രോകളും പ്ലഗിന്നുകളും HTML, CSS, JavaScript കോഡ് എന്നിവയ്‌ക്കൊപ്പം പ്രവർത്തിക്കുന്നത് എളുപ്പമാക്കുന്നു, വാക്യഘടന ഹൈലൈറ്റിംഗ്, സ്വയമേവ പൂർത്തീകരണം, HTML ടിഡി, ബ്രൗസർ കാണൽ എന്നിവ ഉൾപ്പെടെ. ഉപയോഗപ്രദമായ ലിങ്കുകളുടെ ഒരു വലിയ ലിസ്റ്റ് ഇതാ:

• വിം ഓമ്‌നി സ്വയം പൂർത്തീകരണം
• Vim-ൽ HTML/XHTML എഡിറ്റിംഗ്
• ഹോം പേജ്

ഫ്രെയ്സ് (മാക്)

Fraise എന്നത് Mac-നുള്ള അവബോധജന്യമായ എഡിറ്ററാണ്, വെബ് എഡിറ്റിംഗിന് മതിയായ സവിശേഷതകളുള്ള ഒരു കൂട്ടം

TextWrangler, gedit എന്നിവ പോലെ, Fraise ഒരു അത്ഭുതകരമായ, ഭാരം കുറഞ്ഞ എഡിറ്ററാണ്, അത് ഉപയോഗിക്കാൻ സന്തോഷകരമാണ്. ഇത് എഡിറ്ററിൽ നിന്നുള്ള ഒരു ഫോർക്ക് ആണ്. ഇത് താരതമ്യേന പുതിയതാണ് കൂടാതെ ശരിയായ വെബ് സെർവർ ഇല്ല. ഇത് നിലവിൽ Mac OS X 10.6-ൽ മാത്രമേ പിന്തുണയ്ക്കൂ ( ഹിമപ്പുലി), അതായത്, നിങ്ങൾ 10.5 പതിപ്പാണ് ഉപയോഗിക്കുന്നതെങ്കിൽ, നിങ്ങൾ Smultron ഡൗൺലോഡ് ചെയ്യേണ്ടതുണ്ട്.

വെബ് എഡിറ്റിംഗിനായി ഫ്രെയ്‌സിന് ചില മികച്ച ഓപ്ഷനുകൾ ഉണ്ട്:

• HTML, CSS, JavaScript, PHP എന്നിവയ്‌ക്കും മറ്റ് നിരവധി പ്രോഗ്രാമിംഗ് ഭാഷകൾക്കുമുള്ള കോഡ് ഹൈലൈറ്റിംഗ്.
• നിലവിലെ ടാഗ് അടയ്ക്കുന്നതിന് ക്ലോസ് ടാഗ്(കമാൻഡ്-ടി) കമാൻഡ് ചെയ്യുക. ലിസ്റ്റുകൾ നൽകുമ്പോൾ ഇത് ശരിക്കും സമയം ലാഭിക്കുന്നു.
• ബിൽറ്റ്-ഇൻ ബ്രൗസർ ഉപയോഗിച്ച് സൗകര്യപ്രദമായ പ്രിവ്യൂ (വെബ്കിറ്റ് ഉപയോഗിച്ച്), വളരെ സൗകര്യപ്രദമായ ഓപ്ഷൻ തത്സമയ അപ്ഡേറ്റ്? എഡിറ്റ് ചെയ്യുന്ന പേജിലെ മാർക്ക്അപ്പും CSS ഉം മാറിയാലുടൻ അത് ബ്രൗസർ അപ്ഡേറ്റ് ചെയ്യുന്നു.
• റെഗുലർ എക്സ്പ്രഷനുകൾ ഉപയോഗിച്ച് തിരയുന്ന/മാറ്റിസ്ഥാപിക്കുന്നതിനെ പിന്തുണയ്ക്കുന്ന വിപുലമായ ഫൈൻഡ് ഓപ്ഷൻ.
• ദ്രുത ഇൻപുട്ടിനുള്ള ബ്ലോക്കുകൾക്കുള്ള പിന്തുണ HTML ടാഗുകൾകൂടാതെ CSS പ്രോപ്പർട്ടികൾ.
• HTML മൂല്യനിർണ്ണയം, HTML ഘടകങ്ങളിലേക്ക് പ്രതീകങ്ങൾ പരിവർത്തനം ചെയ്യുക എന്നിവ പോലുള്ള ടെക്‌സ്‌റ്റ് കൈകാര്യം ചെയ്യുന്നതിനുള്ള ചില സുപ്രധാന കമാൻഡുകൾ.

നിങ്ങൾ ഒരു Mac ഉപയോക്താവാണെന്നും ആവശ്യമുണ്ടെങ്കിൽ Fraise പരിശോധിക്കേണ്ടതാണ് സൗകര്യപ്രദമായ എഡിറ്റർകൂടെ വലിയ അവസരങ്ങൾഅന്തർനിർമ്മിത TextEdit നേക്കാൾ.

ഉപയോക്താക്കൾക്ക് അവസരം നൽകുക ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്പഠിക്കാതെ അധിക കോഡ്കഴിഞ്ഞ കുറച്ച് വർഷങ്ങളായി ഡെവലപ്പർമാർ കഠിനാധ്വാനം ചെയ്യുന്ന ഒന്നാണ്. അത് വെറുതെയല്ല, അവർ ഇതിനകം കാര്യമായ പുരോഗതി കൈവരിച്ചു. ഏറ്റവും കൂടുതൽ ഉപയോഗിച്ച 10 ഞങ്ങൾ നിങ്ങൾക്ക് അവതരിപ്പിക്കുന്നു WYSIWYG എഡിറ്റർമാർ. നിങ്ങളുടെ സ്വന്തം പ്രോജക്റ്റുകൾക്കായി നിങ്ങൾ എന്തെങ്കിലും കണ്ടെത്തുമെന്ന് ഞങ്ങൾ പ്രതീക്ഷിക്കുന്നു.

01. NicEdit

NicEditവലുതും ബുദ്ധിമുട്ടുള്ളതുമായ എഡിറ്റർമാർക്കുള്ള മികച്ച ബദലാണ്. ആവശ്യമായ എല്ലാ സവിശേഷതകളും ഇതിൽ ഉൾപ്പെടുന്നു, എന്നാൽ ഒരു വെബ്‌സൈറ്റിലേക്ക് സംയോജിപ്പിക്കാൻ വളരെ എളുപ്പമാണ്.

02. TinyMCE

TinyMCEഒരു സ്വതന്ത്ര ആണ് javascript HTML WYSIWYG എഡിറ്റർ. ഇത് നിങ്ങളുടെ സൈറ്റിൽ നടപ്പിലാക്കാൻ എളുപ്പമാണ് ഒപ്പം വൈവിധ്യമാർന്ന ഇഷ്‌ടാനുസൃതമാക്കലും രൂപഭാവവും നൽകുന്നു. ഇന്നത്തെ ഞങ്ങളുടെ തിരഞ്ഞെടുപ്പിലെ ഏറ്റവും "പൂർണ്ണമായ" എഡിറ്ററാണ് TinyMCE. ഏതാണ്ട് MSWord.

03.സികെഎഡിറ്റർ

സികെഡിറ്റർമാർക്കറ്റ് ലീഡർ എന്ന പദവി നേരത്തെ നേടിയ പുതിയ FCKEditor ആണ്. എഡിറ്റർ വികസിപ്പിച്ചെടുത്തത് അതിനെ അടിസ്ഥാനമാക്കിയാണ്, കൂടാതെ FCKEditor-ൽ എന്ത് പ്രശ്‌നങ്ങൾ ഉണ്ടായി എന്ന് പരിഹരിക്കാൻ ലക്ഷ്യമിടുന്നു. MSWord-ലോ ഓപ്പൺ ഓഫീസിലോ നിങ്ങൾ സാധാരണയായി കാണുന്ന എല്ലാ സവിശേഷതകളും വാഗ്ദാനം ചെയ്യുന്ന ഉയർന്ന ഉൽപ്പാദനക്ഷമതയുള്ള WYSIWYG എഡിറ്ററാണ് ഫലം.

04. YUI റിച്ച് ടെക്സ്റ്റ് എഡിറ്റർ

YUI റിച്ച് ടെക്സ്റ്റ് എഡിറ്റർയാഹൂവിൽ നിന്നുള്ള ഒരു ഗ്രാഫിക്കൽ യൂസർ ഇൻ്റർഫേസ് ആണ്, ഇത് ഒരു സാധാരണ ടെക്സ്റ്റ് ഇൻപുട്ട് ഫീൽഡിനെ ഒരു പൂർണ്ണമായ WYSIWYG എഡിറ്ററാക്കി മാറ്റുന്നു. അപേക്ഷ നൽകിയിരിക്കുന്നത് വ്യത്യസ്ത പതിപ്പുകൾ, വ്യത്യസ്ത ഗുണങ്ങളും പൂരിപ്പിക്കലും. എന്നാൽ ഏതെങ്കിലും പതിപ്പ് ഉപയോഗിക്കുമ്പോൾ, എഡിറ്ററിന് ആവശ്യമായ എല്ലാ പ്രവർത്തനങ്ങളും നിങ്ങൾക്ക് ലഭിക്കും.

മാർക്കിറ്റപ്പ്ഒരു സാധാരണ ടെക്സ്റ്റ് ഇൻപുട്ട് ഫീൽഡ് ടാഗുകളും ഫോർമാറ്റിംഗ് എഡിറ്ററും ആക്കി മാറ്റാൻ നിങ്ങളെ അനുവദിക്കുന്ന ഒരു jQuery പ്ലഗിൻ ആണ്. Html, Wiki, BBcode എന്നിവ പ്ലഗിൻ വാഗ്ദാനം ചെയ്യുന്നവയിൽ ചിലത് മാത്രം. Markitup ഒരു WYSIWYG എഡിറ്ററല്ല, എന്നാൽ നിങ്ങൾക്കാവശ്യമായ എല്ലാ പ്രവർത്തനങ്ങളും വാഗ്ദാനം ചെയ്യുന്നതിനാൽ അത് കൂടുതൽ വഷളാക്കില്ല.

06. FreeTextBox

ഫ്രീടെക്സ്റ്റ്ബോക്സ് ASP.NET-ന് വേണ്ടി പ്രത്യേകം രൂപകൽപ്പന ചെയ്ത ഒരു HTML എഡിറ്ററാണ്. എഡിറ്ററിൻ്റെ രൂപം മൈക്രോസോഫ്റ്റ് വേഡുമായി വളരെ സാമ്യമുള്ളതാണ്. സൌജന്യ പതിപ്പിന് യഥാർത്ഥത്തിൽ ധാരാളം സവിശേഷതകൾ ഇല്ല, എന്നാൽ നിങ്ങൾക്കാവശ്യമായ എല്ലാം ഉണ്ട്.

07.മൂഎഡിറ്റബിൾ

WYSIWYG എഡിറ്റർമാർ, ഭൂരിഭാഗവും, ഇപ്പോൾ ജനപ്രിയമായവയ്ക്കായി പ്ലഗിനുകൾ നൽകുന്നു jQuery ലൈബ്രറികൾ, കൂടാതെ ചെറിയ കേസുകളിൽ - Mootools. MooEditableലളിതവും എന്നാൽ വളരെ ഫലപ്രദവുമായ ഒരു ജാവാസ്ക്രിപ്റ്റ് ലൈബ്രറിയായി ഈ വിടവ് പൂർണ്ണമായും നികത്തുന്നു. നിങ്ങൾ ഒരു Mootools ആരാധകനാണെങ്കിൽ, നിങ്ങൾക്ക് അതിൽ പ്രശ്‌നങ്ങളൊന്നും ഉണ്ടാകില്ല.

08. OpenWysiwyg?

OpenWysiwygആവശ്യമായ എല്ലാ പ്രവർത്തനങ്ങളുമുള്ള ഒരു ക്രോസ് ബ്രൗസർ പൂർണ്ണമായ എഡിറ്ററാണ്. ആകർഷകമായ ഡ്രോപ്പ്-ഡൗൺ മെനുകളും ബട്ടണുകളും ഇതിൽ ഉൾപ്പെടുന്നു. നിർഭാഗ്യവശാൽ Chrome ഇതിനെ പിന്തുണയ്ക്കില്ല.

09. സ്പാ എഡിറ്റർ- സൈറ്റ് മരിച്ചു

സ്പാ എഡിറ്റർസ്റ്റാൻഡേർഡ് മാറ്റിസ്ഥാപിക്കാൻ വെബ്‌സൈറ്റ് ഡെവലപ്പർമാരെ അനുവദിക്കുന്ന ഒരു WYSIWYG എഡിറ്ററാണ് ടെക്സ്റ്റ് ഫീൽഡുകൾഒരു നിയന്ത്രിത HTML എഡിറ്ററിലേക്ക്, വിപുലമായ ക്രമീകരണങ്ങളോടെ, പല ഭാഷകളിലും മാറ്റാനുള്ള കഴിവും രൂപം.

10.jHtmlArea

jHtmlAreaമറ്റൊരു WYSIWYG ടെക്സ്റ്റ് എഡിറ്ററാണ്, ഇത് jquery-നുള്ള ഒരു പ്ലഗിൻ ആണ്. പ്ലഗിൻ്റെ ലക്ഷ്യം ലാളിത്യവും ഉപയോഗ എളുപ്പവുമാണ്. ആവശ്യമായ എല്ലാ പ്രവർത്തനങ്ങളും ഇതിൽ ഉൾപ്പെടുന്നു. നിങ്ങൾക്ക് രൂപം, സവിശേഷതകൾ, ഭാഷകൾ എന്നിവ ഇഷ്ടാനുസൃതമാക്കാനാകും.