എന്റെ അഭിപ്രായത്തിൽ, വെബ്സൈറ്റുകൾക്കായുള്ള ഏറ്റവും മികച്ച wysiwyg എഡിറ്റർമാരിൽ ഒരാളാണ് CKEditor. അടുത്തിടെ, ഉപയോക്താവിന്റെ ജീവിതം ലളിതമാക്കുന്നതിന് ധാരാളം zaum അതിൽ പ്രത്യക്ഷപ്പെട്ടു, അതിന്റെ ഫലമായി, ACF ആയി ഇടപെടുന്നു. ഞാൻ ഇതിനകം എങ്ങനെ എഡിറ്റ് ചെയ്യുകയും അപ്രാപ്തമാക്കുകയും ചെയ്യാം. എന്നാൽ ഞങ്ങളുടെ ലേഖനത്തിന്റെ വിഷയത്തിലേക്ക് മടങ്ങുക, CKEditor- ൽ പ്ലഗിനുകൾ എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം.
ഞാൻ ഇവിടെ രണ്ട് സമീപനങ്ങൾ കാണുന്നു.
ആദ്യം, ഞങ്ങൾ എഡിറ്ററുടെ വെബ്സൈറ്റിലേക്ക് പോയി, ഞങ്ങൾക്ക് ആവശ്യമായ പ്ലഗിനുകൾ ഉൾപ്പെടെ, ഞങ്ങൾക്കായി CKeditor പുനർനിർമ്മിക്കുന്നു. ഇനിപ്പറയുന്ന രീതിയിലാണ് ഇത് ചെയ്യുന്നത്. ഞങ്ങൾ ckeditor.com എന്ന സൈറ്റിലേക്ക് പോകുന്നു, ഡൗൺലോഡ് ടാബിലേക്ക് പോകുക. അടുത്തത് തിരഞ്ഞെടുക്കുക അല്ലെങ്കിൽ CKEditor ഇഷ്ടാനുസൃതമാക്കാൻ എന്നെ അനുവദിക്കുക
എന്നാൽ ഈ സാഹചര്യത്തിൽ, എല്ലാ പ്ലഗിന്നുകളും പ്രദർശിപ്പിക്കില്ല. അസംബ്ലിയിൽ പുതിയതോ പ്രത്യേകമോ ആയ ചില പ്ലഗിനുകൾ ഉൾപ്പെടുത്തുന്നതിന്, നിങ്ങളുടെ അസംബ്ലി അൽപ്പം വ്യത്യസ്തമായി നിർമ്മിക്കേണ്ടതുണ്ട്. ആഡ്-ഓണുകൾ ->പ്ലഗ്-ഇന്നുകൾ എന്നതിലേക്ക് പോയി വലതുവശത്ത് ഇനിപ്പറയുന്ന ചലിക്കുന്ന മെനു കാണുക
![](https://i2.wp.com/ocdev.ru/1/wp-content/uploads/2015/09/ckeditor-menu.png)
ആഡ് ടു മൈ എഡിറ്റർ ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, പ്ലഗിൻ അസംബ്ലിയിലേക്ക് ചേർക്കപ്പെടും. പൂർത്തിയാകുമ്പോൾ, ബിൽഡ് മൈ എഡിറ്റർ ക്ലിക്ക് ചെയ്ത് ഞങ്ങളുടെ ബിൽറ്റ്-ഇൻ എഡിറ്റർ ജനറേറ്റ് ചെയ്തത് ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുക.
രണ്ടാമത്തെ സമീപനം കോഡ് സ്വയം കുഴിക്കാൻ താൽപ്പര്യമുള്ളവർക്കുള്ളതാണ്.
ckeditor.com വെബ്സൈറ്റിൽ, add-ons->plug-ins എന്ന വിഭാഗത്തിലേക്ക് പോയി ആവശ്യമായ പ്ലഗിനിൽ ക്ലിക്ക് ചെയ്യുക.
![](https://i1.wp.com/ocdev.ru/1/wp-content/uploads/2015/09/plugin-ckedit.png)
ഡൗൺലോഡ് തിരഞ്ഞെടുത്ത് സൈറ്റിൽ നിന്നുള്ള നിർദ്ദേശങ്ങൾ പാലിക്കുക. മിക്കവാറും, അവർ ഒന്നുകിൽ നിങ്ങൾ ഈ പ്ലഗിനിനായി ഡിപൻഡൻസികൾ ഇൻസ്റ്റാൾ ചെയ്യണം എന്ന വസ്തുതയിലേക്ക് വരുന്നു, കൂടാതെ config.js കോൺഫിഗറേഷൻ ഫയലിന്റെ ഫീൽഡിൽ പ്ലഗിൻ തന്നെ രജിസ്റ്റർ ചെയ്യുകയും ഇൻസ്റ്റാൾ ചെയ്യുന്ന പ്ലഗിൻ എന്നിവയെ ആശ്രയിച്ചിരിക്കുന്നു. കോമകൾ, ഉദാഹരണത്തിന്,
Config.extraPlugins = "codemirror,youtube,imagerotate";
എന്റെ സൈറ്റിൽ ഞാൻ BUEditor ഉപയോഗിച്ചു - ഒരു ലളിതമായ സൗകര്യപ്രദമായ എഡിറ്റർ, എന്നാൽ ഇത് ഉപയോക്താക്കൾക്ക് വളരെ സൗകര്യപ്രദമല്ല. CKEditor ഇൻസ്റ്റാൾ ചെയ്യുന്നതിനെക്കുറിച്ച് ഞാൻ പലപ്പോഴും ചിന്തിച്ചിരുന്നു, പക്ഷേ ഇത് ഒരുതരം രാക്ഷസനെപ്പോലെ എനിക്ക് തോന്നി, പക്ഷേ വാസ്തവത്തിൽ എല്ലാം അത്ര ഭയാനകമായിരുന്നില്ല.
മൊഡ്യൂൾ റീഡ് എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം.
നിങ്ങളുടെ മൊഡ്യൂളിലൂടെ കണക്റ്റുചെയ്ത ശേഷം, ടാബിലെ admin/config/content/ckeditor/edit/profile_recognition എന്ന പേജിൽ എഡിറ്ററുടെ ഭാവം, അധ്യായത്തിൽ പ്ലഗിനുകൾസജീവമാക്കൽ ചെക്ക്ബോക്സ് ദൃശ്യമാകും. ഓണാക്കുക, സംരക്ഷിക്കുക, പരിശോധിക്കുക.
3. ലിങ്കുകൾ തിരുകുക.ബോക്സിന് പുറത്ത്, ഇൻസേർട്ട് ലിങ്ക് ഡയലോഗ് ബോക്സിൽ അനാവശ്യവും മനസ്സിലാക്കാൻ കഴിയാത്തതുമായ ഒരു കൂട്ടം കാര്യങ്ങൾ അടങ്ങിയിരിക്കുന്നു. ഞങ്ങൾ അതിനെ ലളിതമായ ലിങ്ക് പ്ലഗിൻ ഉപയോഗിച്ച് മാറ്റിസ്ഥാപിക്കുന്നു. എങ്ങനെ ഇൻസ്റ്റാൾ ചെയ്യാം, ഖണ്ഡിക 2 കാണുക. ഞങ്ങൾ ബന്ധിപ്പിക്കുന്നു (ഇനം 1 കാണുക):
Config.extraPlugins = "SimpleLink";
പ്ലഗിന്റെ ഒരു പുതിയ ഐക്കണും (ബട്ടൺ) ദൃശ്യമാകും.
4. ചിത്രങ്ങൾ തിരുകുക.ഇവിടെ എല്ലാം ലിങ്കുകളുടേതിന് സമാനമാണ്, ലിങ്ക് വഴി ചിത്രങ്ങൾ ചേർക്കാൻ നിങ്ങൾക്ക് ലളിതമായ ഇമേജ് പ്ലഗിൻ ഇടാം.
Config.extraPlugins = "SimpleImage";
അല്ലെങ്കിൽ ഒറ്റ ക്ലിക്ക് അപ്ലോഡ് മൊഡ്യൂൾ ഉപയോഗിച്ച് ചിത്രങ്ങൾ അപ്ലോഡ് ചെയ്യുക. . കൂടുതൽ വായിക്കുക. BUEditor-ൽ ഞാൻ രണ്ടും ഉപയോഗിച്ചെങ്കിലും ഞാൻ രണ്ടാമത്തെ രീതിയിൽ സ്ഥിരതാമസമാക്കി.
ഞാൻ ചേർക്കാൻ ആഗ്രഹിക്കുന്ന ഒരേയൊരു കാര്യം, മെച്ചപ്പെടുത്തിയ ഇമേജ് പ്ലഗിന് രണ്ട് പ്ലഗിനുകൾ കൂടി ആവശ്യമാണ് എന്നതാണ് വിജറ്റും ലിന്യൂട്ടിലുകളും .
ഞാൻ ലോഗ് നോക്കുന്നത് വരെ പ്ലഗിൻ ആരംഭിക്കാത്തത് എന്തുകൊണ്ടാണെന്ന് മനസിലാക്കാൻ കഴിഞ്ഞില്ല
5. രൂപഭാവം.ഡിഫോൾട്ടായി, Moono സ്കിൻ ആണ് ഉപയോഗിക്കുന്നത്, എന്നാൽ BUEditor-ന്റെ രൂപഭാവത്തിലേക്ക് ആ രൂപം കൊണ്ടുവരാൻ ഞാൻ ആഗ്രഹിച്ചു.
BUEditor ഇങ്ങനെയായിരുന്നു
7. പ്ലേസ് ഹോൾഡർ.ഒരു പ്ലെയ്സ്ഹോൾഡർ ചേർക്കുന്നതിന്, പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യുക (ഘട്ടം 2 കാണുക) കോൺഫിഗറേഷൻ സഹായി . ഞങ്ങൾ ബന്ധിപ്പിക്കുന്നു (ഇനം 1 കാണുക):
Config.extraPlugins = "confighelper"; config.placeholder = "ഞങ്ങളുടെ വാചകം"; // текст нашего placeholder !}
8. ഇമോട്ടിക്കോണുകൾ.ഇൻസേർട്ട് സ്മൈലി പ്ലഗിൻ CKEditor "ഇയിലെ പുഞ്ചിരികൾക്ക് ഉത്തരവാദിയാണ്, ഇത് സ്റ്റാൻഡേർഡ് പാക്കേജിൽ ഉൾപ്പെടുത്തിയിട്ടുണ്ട് - പൂർണ്ണ പാക്കേജ്.
ഇമോട്ടിക്കോണുകൾ ബോക്സിന് പുറത്ത് കാണുന്നത് ഇങ്ങനെയാണ്:
അവ നിങ്ങളുടേതായി മാറ്റിസ്ഥാപിക്കുന്നതിന്, കോൺഫിഗറിലുള്ള ചിത്രങ്ങളുള്ള ഫോൾഡറിലേക്കുള്ള പാത നിങ്ങൾ വ്യക്തമാക്കേണ്ടതുണ്ട് (ഘട്ടം 1 കാണുക) സ്മൈലി_പാത്ത് :
Config.smiley_path = "/sites/default/files/smileys/";
സ്മൈലി_ഇമേജുകൾ പ്രദർശിപ്പിക്കുന്ന ഫയലുകളുടെ പേരുകൾ (ചിത്രങ്ങൾ) എഴുതുക:
config.smiley_images = ["smile_1.png","smile_2.png"];
ഒപ്പം വിവരണം (ഹോവർ വിവരണം) സ്മൈലി_വിവരണം
config.smiley_descriptions = ["വിവരണം-1", "വിവരണം-2"];
(സ്ഥിരസ്ഥിതി: 8) സ്മൈലി_കോളങ്ങളിൽ എത്ര നിരകൾ ഇമോട്ടിക്കോണുകൾ പ്രദർശിപ്പിക്കണമെന്ന് നിങ്ങൾക്ക് വ്യക്തമാക്കാനും കഴിയും
config.smiley_columns = 6;
എനിക്ക് കിട്ടിയത് ഇതാ
9. അക്ഷരപ്പിശക് പരിശോധിക്കുന്ന ബ്രൗസർ.എഴുതിയത് പോലെ UksusoFF CKEditor-ൽ ബ്രൗസർ അടിസ്ഥാനമാക്കിയുള്ള അക്ഷരത്തെറ്റ് പരിശോധന പ്രവർത്തനരഹിതമാക്കിയിരിക്കുന്നു.
Config.disableNativeSpellChecker = തെറ്റ്;
10. സന്ദർഭ മെനു. CKEditor-ൽ, റൈറ്റ് ക്ലിക്ക് ചെയ്യുന്നത് ബ്രൗസറിന്റെ നേറ്റീവ് മെനു അല്ല, സന്ദർഭ മെനു തുറക്കുന്നു
CKEditor 4 - WYSIWYG ലേഖന എഡിറ്റർ. ശൈലികൾ, ലിസ്റ്റുകൾ, ലിങ്കുകൾ, ഗ്രാഫിക്സ് മുതലായവയിൽ പ്രവർത്തിക്കുന്നത് ഉൾപ്പെടെയുള്ള വഴക്കമുള്ള ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ് നടത്താൻ ഇത് നിങ്ങളെ അനുവദിക്കുന്നു.
ഇന്റർഫേസ്
ചിത്രം 1. എഡിറ്റർ വിൻഡോ
WYSIWYG എഡിറ്റർ വിൻഡോയിൽ ഇനിപ്പറയുന്ന ബട്ടൺ ബാറുകൾ അടങ്ങിയിരിക്കുന്നു:
![]() |
വ്യൂ മോഡ് മാറുന്നു |
ഒരു ലേഖന ടെംപ്ലേറ്റ് അച്ചടിക്കുകയും തിരഞ്ഞെടുക്കുകയും ചെയ്യുന്നു | |
ക്ലിപ്പ്ബോർഡിൽ പ്രവർത്തിക്കുന്നു (മുറിക്കുക, പകർത്തുക, ഒട്ടിക്കുക, പഴയപടിയാക്കുക) | |
തിരയുക, മാറ്റിസ്ഥാപിക്കുക | |
ഫോമുകൾ സൃഷ്ടിക്കുക | |
സ്പോയിലറുകളും (തകർന്ന ടെക്സ്റ്റ്) പേജ് ബ്രേക്കുകളും ചേർക്കുന്നു | |
ടെക്സ്റ്റ് ശൈലി മാറ്റുക | |
ഖണ്ഡിക ഫോർമാറ്റിംഗ് | |
ലിങ്കുകൾ തിരുകുക | |
മൂന്നാം കക്ഷി സൈറ്റുകളിൽ നിന്നുള്ള മീഡിയ ഉള്ളടക്കം ഉൾച്ചേർക്കുന്നു | |
വസ്തുക്കൾ ഒട്ടിക്കുന്നു | |
ഒരു ഫോർമാറ്റിംഗ് ശൈലി തിരഞ്ഞെടുക്കുന്നു | |
ഖണ്ഡിക ഫോർമാറ്റിംഗ് തിരഞ്ഞെടുക്കുന്നു | |
ഫോണ്ട് തിരഞ്ഞെടുക്കൽ | |
ഒരു ഫോണ്ട് വലുപ്പം തിരഞ്ഞെടുക്കുന്നു | |
വാചകമോ പശ്ചാത്തല വർണ്ണമോ തിരഞ്ഞെടുക്കുക | |
അക്ഷരപ്പിശക് പരിശോധന | |
കൂടുതൽ കാണാനുള്ള ഓപ്ഷനുകൾ (ബ്ലോക്കുകൾ കാണിക്കുകയും വികസിപ്പിക്കുകയും ചെയ്യുക) |
എഡിറ്റർ വിൻഡോയുടെ താഴെയുള്ള പാനലിൽ നിലവിലെ ടാഗിനെയും ടെക്സ്റ്റ് സ്റ്റാറ്റിസ്റ്റിക്സിനെയും കുറിച്ചുള്ള വിവരങ്ങൾ അടങ്ങിയിരിക്കുന്നു:
വ്യൂ മോഡ് മാറുന്നു
എഡിറ്ററുടെ വ്യൂ മോഡ് സ്വിച്ചിംഗ് പാനലിൽ ഇനിപ്പറയുന്ന ബട്ടണുകൾ അടങ്ങിയിരിക്കുന്നു:
ഒരു ലേഖന ടെംപ്ലേറ്റ് അച്ചടിക്കുകയും തിരഞ്ഞെടുക്കുകയും ചെയ്യുന്നു
ഒരു ലേഖന ടെംപ്ലേറ്റ് അച്ചടിക്കുന്നതിനും തിരഞ്ഞെടുക്കുന്നതിനുമായി ഇനിപ്പറയുന്ന ബട്ടണുകൾ പാനലിൽ സ്ഥിതിചെയ്യുന്നു:
ഒരു പ്രിന്ററിൽ ഒരു ലേഖനം അച്ചടിക്കുന്നു. ഈ ബട്ടണിൽ ക്ലിക്കുചെയ്തതിനുശേഷം, ഒരു പ്രിന്റർ തിരഞ്ഞെടുത്ത് ലേഖനത്തിന്റെ വാചകം അച്ചടിക്കുന്നതിനായി അയയ്ക്കാൻ നിങ്ങളോട് ആവശ്യപ്പെടുന്ന ഒരു സാധാരണ ഡയലോഗ് ബോക്സ് തുറക്കും. | |
ലേഖന ടെംപ്ലേറ്റ് തിരഞ്ഞെടുക്കൽ:
|
ക്ലിപ്പ്ബോർഡ് ഉപയോഗിച്ച് പ്രവർത്തിക്കുന്നു
ഇനിപ്പറയുന്ന ക്ലിപ്പ്ബോർഡ് പ്രവർത്തനങ്ങൾ എഡിറ്ററിൽ ലഭ്യമാണ്:
ബട്ടൺ മുറിക്കുക. ലേഖനത്തിന്റെ തിരഞ്ഞെടുത്ത ശകലം മുറിച്ച് ക്ലിപ്പ്ബോർഡിൽ സ്ഥാപിക്കുന്നു. | |
പകർത്തുക ബട്ടൺ. തിരഞ്ഞെടുത്ത ലേഖന ശകലം പകർത്തി ക്ലിപ്പ്ബോർഡിൽ സ്ഥാപിക്കുന്നു. | |
ചേർക്കുക ബട്ടൺ. ക്ലിപ്പ്ബോർഡിലെ ഉള്ളടക്കങ്ങൾ ലേഖനത്തിൽ ഒട്ടിക്കുന്നു. MS Office പോലുള്ള ബാഹ്യ ആപ്ലിക്കേഷനുകളിൽ നിന്ന് ടെക്സ്റ്റ് ഒട്ടിച്ചിട്ടുണ്ടെങ്കിൽ, ഒട്ടിക്കുമ്പോൾ ഫോർമാറ്റിംഗുമായി ബന്ധപ്പെട്ട എല്ലാ ടാഗുകളും ഉൾപ്പെടുത്തും. ഈ ടാഗുകളിൽ ഭൂരിഭാഗവും അനാവശ്യമായതിനാൽ ലേഖനം എഡിറ്റുചെയ്യുന്നത് ബുദ്ധിമുട്ടാക്കുന്നതിനാൽ നീക്കം ചെയ്യണം. അതിനാൽ, ഫോർമാറ്റ് ചെയ്യാത്ത ടെക്സ്റ്റുകൾ ഒട്ടിക്കാൻ മാത്രം ഈ ബട്ടൺ ഉപയോഗിക്കാൻ ശുപാർശ ചെയ്യുന്നു. | |
"ടെക്സ്റ്റ് മാത്രം ചേർക്കുക" ബട്ടൺ. "തിരുകുക" ബട്ടണിന് സമാനമാണ്. നിങ്ങൾ ക്ലിപ്പ്ബോർഡിൽ നിന്ന് ഒരു ലേഖന ശകലം ഒട്ടിക്കുമ്പോൾ, അതിന്റെ ഫോർമാറ്റിംഗ് പൂർണ്ണമായും നീക്കം ചെയ്യപ്പെടും. | |
"വേഡിൽ നിന്ന് തിരുകുക" ബട്ടൺ. "തിരുകുക" ബട്ടണിന് സമാനമാണ്. തിരുകിയ ശകലത്തിന്റെ ഫോർമാറ്റിംഗ് സംരക്ഷിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുവെങ്കിൽ ഉപയോഗിക്കുന്നു. ഒട്ടിക്കുന്നത് വാചകത്തിന്റെ രൂപം ഒപ്റ്റിമൽ ആയി സംരക്ഷിക്കുകയും അനാവശ്യ ഫോർമാറ്റിംഗ് നീക്കം ചെയ്യുകയും ചെയ്യുന്നു. എംഎസ് വേഡിൽ നിന്നോ മറ്റ് എംഎസ് ഓഫീസ് ആപ്ലിക്കേഷനുകളിൽ നിന്നോ വാചകം പകർത്തുമ്പോൾ ശുപാർശ ചെയ്യുന്നു. | |
റദ്ദാക്കുക ബട്ടൺ. അവസാനം വരുത്തിയ മാറ്റം പഴയപടിയാക്കാൻ ഉപയോഗിച്ചു. | |
ആവർത്തിക്കുക ബട്ടൺ. അവസാനമായി പഴയപടിയാക്കിയത് പഴയപടിയാക്കാൻ ഉപയോഗിക്കുന്നു. |
തിരയുക, മാറ്റിസ്ഥാപിക്കുക
ഫൈൻഡ് ആൻഡ് റീപ്ലേസ് ടൂൾബാറിൽ ഇനിപ്പറയുന്ന ബട്ടണുകൾ അടങ്ങിയിരിക്കുന്നു:
തിരയുക
നിങ്ങൾ "തിരയൽ" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, ഒരു തിരയൽ വിൻഡോ തുറക്കുന്നു:
![](https://i1.wp.com/habrastorage.org/files/caa/154/50a/caa15450ac394859ab289cd5e6db325e.png)
"കണ്ടെത്തുക" ഫീൽഡിൽ, ആവശ്യമുള്ള വാചകം നൽകിയിട്ടുണ്ട്.
ഇനിപ്പറയുന്ന ഓപ്ഷനുകൾ ലഭ്യമാണ്:
- വാചകത്തിലുടനീളം. ഈ ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയാൽ, ലേഖനത്തിന്റെ അവസാനം എത്തുമ്പോൾ, തിരയൽ അതിന്റെ തുടക്കം മുതൽ തുടരും. ഈ ഓപ്ഷൻ അപ്രാപ്തമാക്കിയാൽ, ലേഖനത്തിന്റെ അവസാനം എത്തുമ്പോൾ തിരയൽ അവസാനിക്കും.
ഒരു തിരയൽ നടത്താൻ, നിങ്ങൾ ആവശ്യമുള്ള ശകലം നൽകുകയും ആവശ്യമായ തിരയൽ ഓപ്ഷനുകൾ പ്രാപ്തമാക്കുകയും "കണ്ടെത്തുക" ബട്ടൺ ക്ലിക്ക് ചെയ്യുകയും വേണം. ലേഖനത്തിന്റെ വാചകത്തിൽ ആദ്യം കണ്ടെത്തിയ ശകലം എഡിറ്റർ തിരയുകയും ഹൈലൈറ്റ് ചെയ്യുകയും ചെയ്യും. ഓരോ തവണയും നിങ്ങൾ "കണ്ടെത്തുക" ബട്ടൺ വീണ്ടും അമർത്തുമ്പോൾ, എഡിറ്റർ വാചകത്തിൽ കൂടുതൽ തിരയുകയും അടുത്തതായി കണ്ടെത്തിയ ശകലം ഹൈലൈറ്റ് ചെയ്യുകയും ചെയ്യും.
മാറ്റിസ്ഥാപിക്കൽ
നിങ്ങൾ "മാറ്റിസ്ഥാപിക്കുക" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, വാചകത്തിന്റെ ഒരു ഭാഗം മാറ്റിസ്ഥാപിക്കുന്നതിനുള്ള ഒരു വിൻഡോ തുറക്കുന്നു:
![](https://i0.wp.com/habrastorage.org/files/1aa/b5a/c29/1aab5ac29e6c449696f0b72f24531c2a.png)
"കണ്ടെത്തുക" ഫീൽഡിൽ, ആവശ്യമുള്ള വാചകം നൽകിയിട്ടുണ്ട്. "മാറ്റിസ്ഥാപിക്കുക" എന്ന ഫീൽഡിൽ, നിങ്ങൾ ആവശ്യമുള്ള ശകലം മാറ്റിസ്ഥാപിക്കാൻ ആഗ്രഹിക്കുന്ന വാചകം.
ഇനിപ്പറയുന്ന ഓപ്ഷനുകൾ ലഭ്യമാണ്:
- സെൻസിറ്റീവ് ആയി രജിസ്റ്റർ ചെയ്യുക. ഈ ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, തിരച്ചിൽ തിരഞ്ഞ ശകലങ്ങളുടെ പ്രതീകങ്ങൾ കണക്കിലെടുക്കും.
- മുഴുവൻ വാക്കും. ഈ ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, എഡിറ്റർ നൽകിയ ശകലം മുഴുവൻ വാക്കായി തിരയും. നൽകിയ ശകലം ഭാഗമാകുന്ന വാക്കുകൾ തിരയൽ ഫലങ്ങളിൽ ഉൾപ്പെടില്ല.
- വാചകത്തിലുടനീളം. ഈ ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയാൽ, ലേഖനത്തിന്റെ അവസാനം എത്തുമ്പോൾ, തിരയൽ അതിന്റെ തുടക്കം മുതൽ തുടരും. ഈ ഓപ്ഷൻ അപ്രാപ്തമാക്കിയാൽ, ലേഖനത്തിന്റെ അവസാനം എത്തുമ്പോൾ തിരയൽ അവസാനിക്കും.
ഒരു മാറ്റിസ്ഥാപിക്കൽ നടത്താൻ, നിങ്ങൾ "കണ്ടെത്തുക", "മാറ്റിസ്ഥാപിക്കുക" എന്നീ ഫീൽഡുകൾ പൂരിപ്പിക്കണം, ആവശ്യമായ തിരയൽ ഓപ്ഷനുകൾ പ്രാപ്തമാക്കി "മാറ്റിസ്ഥാപിക്കുക" അല്ലെങ്കിൽ "എല്ലാം മാറ്റിസ്ഥാപിക്കുക" ബട്ടൺ ക്ലിക്കുചെയ്യുക. നിങ്ങൾ "മാറ്റിസ്ഥാപിക്കുക" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, ലേഖനത്തിന്റെ വാചകത്തിൽ ആദ്യം കണ്ടെത്തിയ ശകലം എഡിറ്റർ തിരയുകയും മാറ്റിസ്ഥാപിക്കുകയും ചെയ്യും. ഓരോ തവണയും നിങ്ങൾ "മാറ്റിസ്ഥാപിക്കുക" ബട്ടൺ വീണ്ടും അമർത്തുമ്പോൾ, എഡിറ്റർ വാചകത്തിൽ കൂടുതൽ തിരയുകയും അടുത്തതായി കണ്ടെത്തിയ ശകലം മാറ്റിസ്ഥാപിക്കുകയും ചെയ്യും.
നിങ്ങൾ "എല്ലാം മാറ്റിസ്ഥാപിക്കുക" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, ലേഖനത്തിന്റെ വാചകത്തിലുടനീളം ആവശ്യമായ ശകലം എഡിറ്റർ ഉടൻ തിരയുകയും മാറ്റിസ്ഥാപിക്കുകയും ചെയ്യും.
ഫോമുകൾ സൃഷ്ടിക്കുക
ഫോമുകൾ ഒരു ബ്രൗസർ വിൻഡോയിൽ ഉപയോക്തൃ ഇൻപുട്ടിനായി രൂപകൽപ്പന ചെയ്തിരിക്കുന്നു, അവ ഹാൻഡ്ലറിലേക്ക് കൈമാറുകയും ആവശ്യമെങ്കിൽ പ്രോസസ്സിംഗ് ഫലങ്ങൾ പ്രദർശിപ്പിക്കുകയും ചെയ്യുന്നു. ഉദാഹരണത്തിന്: ഉപയോക്തൃ രജിസ്ട്രേഷൻ ഫോം, ഫീഡ്ബാക്ക് ഫോം മുതലായവ.
ഫോം സൃഷ്ടിക്കൽ പാനലിൽ ഇനിപ്പറയുന്ന ബട്ടണുകൾ അടങ്ങിയിരിക്കുന്നു:
ബട്ടൺ "ഫോം". ഒരു ലേഖനത്തിൽ ഒരു ഫോം ചേർക്കാൻ ഉപയോഗിക്കുന്നു. HTML കോഡിൽ, ഫോം ടാഗ് ഫോം ടാഗുമായി യോജിക്കുന്നു. | |
ചെക്ക്ബോക്സ് ബട്ടൺ. ഒരു ഫോമിലേക്കോ ലേഖനത്തിലേക്കോ ചെക്ക്ബോക്സുകൾ (ഫ്ലാഗ് ബട്ടണുകൾ, ടിക്കുകൾ) തിരുകാൻ ഇത് ഉപയോഗിക്കുന്നു. | |
റേഡിയോ ബട്ടൺ. ഒരു ഫോമിലേക്കോ ലേഖനത്തിലേക്കോ റേഡിയോ ബട്ടണുകൾ (സ്വിച്ചുകൾ) തിരുകാൻ ഉപയോഗിക്കുന്നു. | |
ടെക്സ്റ്റ് ഫീൽഡ് ബട്ടൺ. ഒരൊറ്റ വരി ടെക്സ്റ്റ് എൻട്രി ഫീൽഡ് ചേർക്കാൻ ഉപയോഗിക്കുന്നു. | |
മൾട്ടിലൈൻ ടെക്സ്റ്റ് ഫീൽഡ് ബട്ടൺ. ഒരു മൾട്ടി-ലൈൻ ടെക്സ്റ്റ് എൻട്രി ഫീൽഡ് തിരുകാൻ ഉപയോഗിക്കുന്നു. | |
ഡ്രോപ്പ്ഡൗൺ ബട്ടൺ. ഒരു ഡ്രോപ്പ് ഡൗൺ ലിസ്റ്റ് ചേർക്കാൻ ഉപയോഗിക്കുന്നു. | |
ബട്ടൺ "ബട്ടൺ". ഒരു ഫോമിലേക്കോ ലേഖനത്തിലേക്കോ ഒരു ബട്ടൺ ചേർക്കാൻ ഉപയോഗിക്കുന്നു. | |
ഇമേജ് ബട്ടൺ. ഒരു ബട്ടണായി ഉപയോഗിക്കുന്ന ഒരു ചിത്രം ചേർക്കാൻ ഉപയോഗിക്കുന്നു. | |
മറച്ച ഫീൽഡ് ബട്ടൺ. ഒരു ഫോമിലേക്കോ ലേഖനത്തിലേക്കോ മറഞ്ഞിരിക്കുന്ന ഫീൽഡ് ചേർക്കാൻ ഉപയോഗിക്കുന്നു. |
ഫോം
"ഫോം" ബട്ടണിൽ ക്ലിക്കുചെയ്യുന്നത് പുതിയ ഫോമിനായുള്ള ക്രമീകരണ വിൻഡോ തുറക്കുന്നു.
![](https://i0.wp.com/habrastorage.org/files/e48/faf/f01/e48faff013be41b1b8fc20de76cdbed8.png)
ഫോം ക്രമീകരണ വിൻഡോയിൽ ഇനിപ്പറയുന്ന ഫീൽഡുകൾ അടങ്ങിയിരിക്കുന്നു:
പേര് | അനിയന്ത്രിതമായ രൂപ നാമം. HTML കോഡിൽ, പേര് പരാമീറ്റർ. |
ആക്ഷൻ | ഫോമിൽ നൽകിയ ഡാറ്റ പ്രോസസ്സ് ചെയ്യുന്ന പ്രോഗ്രാമിന്റെ അല്ലെങ്കിൽ ഡോക്യുമെന്റിന്റെ URL. HTML കോഡിൽ, പ്രവർത്തന പരാമീറ്റർ. |
ഐഡന്റിഫയർ | ഫോമിന്റെ അദ്വിതീയ ഐഡി. HTML കോഡിൽ, ഐഡി പാരാമീറ്റർ. |
എൻകോഡിംഗ് | ഫോം ഡാറ്റ എങ്ങനെ എൻകോഡ് ചെയ്യണമെന്ന് തിരഞ്ഞെടുക്കുക. HTML കോഡിൽ, എൻക്ടൈപ്പ് പാരാമീറ്റർ. ലഭ്യമായ മൂല്യങ്ങൾ:
|
ലക്ഷ്യം | ഫോം ഡാറ്റ ഹാൻഡ്ലർ പ്രോസസ്സിംഗ് ഫലങ്ങൾ പ്രദർശിപ്പിക്കുന്ന വിൻഡോ അല്ലെങ്കിൽ ഫ്രെയിം തിരഞ്ഞെടുക്കുക. HTML കോഡിൽ, ടാർഗെറ്റ് പാരാമീറ്റർ. ലഭ്യമായ മൂല്യങ്ങൾ:
|
രീതി | ഉപയോഗിക്കുന്നതിന് HTTP അഭ്യർത്ഥന രീതി തിരഞ്ഞെടുക്കുക. HTML കോഡിൽ, രീതി പരാമീറ്റർ. ലഭ്യമായ മൂല്യങ്ങൾ:
|
ചെക്ക്ബോക്സ്
ഏതെങ്കിലും പ്രോപ്പർട്ടി അല്ലെങ്കിൽ ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കുന്നതോ പ്രവർത്തനരഹിതമാക്കുന്നതോ ആയ നിയന്ത്രണങ്ങൾ പ്രദർശിപ്പിക്കുന്നതിനാണ് ചെക്ക്ബോക്സ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. അത്തരമൊരു ഘടകത്തിന് രണ്ട് മൂല്യങ്ങളിൽ ഒന്ന് എടുക്കാം: അതെ അല്ലെങ്കിൽ ഇല്ല. HTML കോഡിൽ, ഈ ഘടകം ഇൻപുട്ട് തരം="ചെക്ക്ബോക്സ്" ടാഗുമായി യോജിക്കുന്നു. നിങ്ങൾ "ചെക്ക്ബോക്സ്" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, പുതിയ ഘടകത്തിനായുള്ള ക്രമീകരണ വിൻഡോ തുറക്കുന്നു.
![](https://i0.wp.com/habrastorage.org/files/5d7/75a/d1e/5d775ad1e68f4003b7253c2c0c50014c.png)
ചെക്ക്ബോക്സ് എലമെന്റ് ക്രമീകരണ വിൻഡോയിൽ ഇനിപ്പറയുന്ന ഫീൽഡുകൾ അടങ്ങിയിരിക്കുന്നു:
- പേര് - മൂലകത്തിന്റെ ഏകപക്ഷീയമായ പേര്. HTML കോഡിൽ, പേര് പരാമീറ്റർ;
- മൂല്യം - ഒരു അദ്വിതീയ ഘടക ഐഡന്റിഫയറായി പ്രവർത്തിക്കുന്നു. HTML കോഡിൽ, മൂല്യ പാരാമീറ്റർ;
- തിരഞ്ഞെടുത്തത് - ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, ഈ ഘടകം സ്ഥിരസ്ഥിതിയായി പരിശോധിക്കും.
റേഡിയോ ബട്ടൺ
"റേഡിയോ ബട്ടൺ" എന്ന ഘടകം അവയിലൊന്ന് മാത്രം തിരഞ്ഞെടുക്കാനുള്ള കഴിവുള്ള ഒരു കൂട്ടം മൂല്യങ്ങൾ പ്രദർശിപ്പിക്കുന്നതിനാണ് രൂപകൽപ്പന ചെയ്തിരിക്കുന്നത്. ആ. ഒരു ഗ്രൂപ്പിനുള്ളിലെ ഘടകങ്ങൾ പരസ്പരവിരുദ്ധമാണ്. ഓരോ ഘടകത്തിനും രണ്ട് മൂല്യങ്ങളിൽ ഒന്ന് എടുക്കാം: അതെ അല്ലെങ്കിൽ ഇല്ല. HTML കോഡിൽ, ഈ ഘടകം ഇൻപുട്ട് തരം="റേഡിയോ" ടാഗുമായി യോജിക്കുന്നു. നിങ്ങൾ "റേഡിയോ ബട്ടൺ" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, പുതിയ ഘടകത്തിനായുള്ള ക്രമീകരണ വിൻഡോ തുറക്കുന്നു.
![](https://i1.wp.com/habrastorage.org/files/514/3ab/53d/5143ab53d554456fa20de45e93503f3d.png)
റേഡിയോ ബട്ടൺ ഘടകത്തിനായുള്ള ക്രമീകരണ വിൻഡോയിൽ ഇനിപ്പറയുന്ന ഫീൽഡുകൾ അടങ്ങിയിരിക്കുന്നു:
- ഒരു ഗ്രൂപ്പിനുള്ളിലെ ഘടകങ്ങൾക്ക് ഒരേ പേര് ഉണ്ടായിരിക്കണം.
- മൂല്യം - ഒരു അദ്വിതീയ ഘടക ഐഡന്റിഫയറായി പ്രവർത്തിക്കുന്നു. HTML കോഡിൽ, മൂല്യ പാരാമീറ്റർ.
- തിരഞ്ഞെടുത്തത് - ഓപ്ഷൻ പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, ഈ ഘടകം സ്ഥിരസ്ഥിതിയായി പരിശോധിക്കും. ഒരു ഗ്രൂപ്പിനുള്ളിൽ, ഈ പ്രോപ്പർട്ടി ഒരു ഘടകത്തിന് മാത്രമേ പ്രവർത്തനക്ഷമമാക്കാവൂ. നിരവധി ഘടകങ്ങൾക്കായി ഇത് പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, അവസാനത്തേത് മാത്രമേ അടയാളപ്പെടുത്തൂ.
എഴുതാനുള്ള സ്ഥലം
"ടെക്സ്റ്റ് ഫീൽഡ്" ഘടകം ഉപയോക്താവിന് ഒരു ടെക്സ്റ്റ് സ്ട്രിംഗിൽ പ്രവേശിക്കാൻ ഉദ്ദേശിച്ചുള്ളതാണ്. HTML കോഡിൽ, ഈ ഘടകം ഇൻപുട്ട് ടൈപ്പ്="ടെക്സ്റ്റ്" ടാഗുമായി യോജിക്കുന്നു. "ടെക്സ്റ്റ് ഫീൽഡ്" ബട്ടണിൽ ക്ലിക്കുചെയ്യുന്നത് പുതിയ ഫീൽഡിനായുള്ള ക്രമീകരണ വിൻഡോ തുറക്കുന്നു.
![](https://i1.wp.com/habrastorage.org/files/367/7fe/4a9/3677fe4a905f451894a0baf737542c37.png)
- പേര് - മൂലകത്തിന്റെ ഏകപക്ഷീയമായ പേര്. HTML കോഡിൽ, പേര് പരാമീറ്റർ.
- മൂല്യം - സ്ഥിരസ്ഥിതിയായി ടെക്സ്റ്റ് ഫീൽഡിൽ പ്രദർശിപ്പിക്കുന്ന വാചകം അടങ്ങിയിരിക്കുന്നു. HTML കോഡിൽ, മൂല്യ പാരാമീറ്റർ.
- ഫീൽഡ് വീതി (അക്ഷരങ്ങളിൽ) - അക്ഷരങ്ങളിൽ ടെക്സ്റ്റ് ഫീൽഡിന്റെ ഇൻപുട്ട് ഏരിയയുടെ നീളം. HTML കോഡിൽ, സൈസ് പരാമീറ്റർ.
- പരമാവധി. പ്രതീകങ്ങളുടെ എണ്ണം - ടെക്സ്റ്റ് ഫീൽഡിൽ, പ്രതീകങ്ങളിൽ നൽകാവുന്ന സ്ട്രിംഗിന്റെ പരമാവധി ദൈർഘ്യം. HTML കോഡിൽ, പരമാവധി നീളം പരാമീറ്റർ.
- ഉള്ളടക്ക തരം - ടെക്സ്റ്റ് ഫീൽഡിന്റെ ഉള്ളടക്ക തരം. HTML കോഡിൽ, തരം പരാമീറ്റർ. സെർവറിലേക്ക് ഡാറ്റ അയയ്ക്കുന്നതിന് മുമ്പ്, അത് നിർദ്ദിഷ്ട തരവുമായി പൊരുത്തപ്പെടുന്നുണ്ടോയെന്ന് പരിശോധിക്കും.
ലഭ്യമായ ഉള്ളടക്ക തരങ്ങൾ:
- ഇമെയിൽ - ടെക്സ്റ്റ് ഫീൽഡിൽ ഒരു ഇമെയിൽ വിലാസം അടങ്ങിയിരിക്കുന്നു;
- പാസ്വേഡ് - ടെക്സ്റ്റ് ഫീൽഡിൽ പാസ്വേഡ് അടങ്ങിയിരിക്കുന്നു;
- തിരയൽ - തിരഞ്ഞ വാചകം നൽകുന്നതിന് ഉദ്ദേശിച്ചുള്ളതാണ് ഒരു ടെക്സ്റ്റ് ഫീൽഡ്;
- ഫോൺ നമ്പർ - ടെക്സ്റ്റ് ഫീൽഡിൽ ഒരു ഫോൺ നമ്പർ അടങ്ങിയിരിക്കുന്നു;
- ടെക്സ്റ്റ് - ടെക്സ്റ്റ് ഫീൽഡിൽ ഒരു സാധാരണ സ്ട്രിംഗ് അടങ്ങിയിരിക്കുന്നു;
- ലിങ്ക് - ടെക്സ്റ്റ് ഫീൽഡിൽ ഒരു URL അടങ്ങിയിരിക്കുന്നു.
മൾട്ടിലൈൻ ടെക്സ്റ്റ് ഫീൽഡ്
"മൾട്ടി-ലൈൻ ടെക്സ്റ്റ് ഫീൽഡ്" ഘടകം ഉപയോക്താവിന് നിരവധി വരികൾ അടങ്ങുന്ന വാചകം നൽകുന്നതിന് ഉദ്ദേശിച്ചുള്ളതാണ്. HTML കോഡിൽ, ഈ ഘടകം ഒരു ജോടി ടെക്സ്റ്റ് ഏരിയ ടാഗുകളുമായി യോജിക്കുന്നു. നിങ്ങൾ "മൾട്ടി-ലൈൻ ടെക്സ്റ്റ് ഫീൽഡ്" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, പുതിയ ഫീൽഡിനായുള്ള ക്രമീകരണ വിൻഡോ തുറക്കുന്നു.
![](https://i2.wp.com/habrastorage.org/files/218/6dd/319/2186dd31985f42b7ad1b6b7b75aaf25e.png)
"ടെക്സ്റ്റ് ഫീൽഡ്" ഘടകത്തിന്റെ ക്രമീകരണ വിൻഡോയിൽ, ഇനിപ്പറയുന്ന ഫീൽഡുകൾ ഉണ്ട്:
- പേര് - മൂലകത്തിന്റെ ഏകപക്ഷീയമായ പേര്. HTML കോഡിൽ, പേര് പരാമീറ്റർ.
- നിരകൾ - പ്രതീകങ്ങളിൽ ഫീൽഡ് വീതി. HTML കോഡിൽ, cols പാരാമീറ്റർ.
- വരികൾ - വരികളിലെ ഫീൽഡ് ഉയരം. HTML കോഡിൽ, വരികളുടെ പരാമീറ്റർ.
- മൂല്യം - ഡിഫോൾട്ട് ടെക്സ്റ്റ് ബോക്സിൽ പ്രദർശിപ്പിക്കുന്ന വാചകം അടങ്ങിയിരിക്കുന്നു.
ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റ്
ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റ് എലമെന്റ് ഒരു മൾട്ടിപ്പിൾ ചോയ്സ് ലിസ്റ്റ് അല്ലെങ്കിൽ ഒരു ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റ് പ്രദർശിപ്പിക്കാൻ രൂപകൽപ്പന ചെയ്തിട്ടുള്ളതാണ്. HTML കോഡിൽ, ഈ ഘടകം ജോടിയാക്കിയ തിരഞ്ഞെടുത്ത ടാഗുമായി യോജിക്കുന്നു. ലിസ്റ്റിലെ ഘടകങ്ങൾ ജോടിയാക്കിയ ഓപ്ഷൻ ടാഗുമായി പൊരുത്തപ്പെടുന്നു. നിങ്ങൾ "ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റ്" ബട്ടണിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, പുതിയ ലിസ്റ്റിനായുള്ള ക്രമീകരണ വിൻഡോ തുറക്കുന്നു.
![](https://i1.wp.com/habrastorage.org/files/734/bf8/752/734bf8752cbd4eceabd45b5fd799fa44.png)
മൾട്ടിപ്പിൾ ചോയ്സ് ലിസ്റ്റ് ക്രമീകരണ വിൻഡോയിൽ ഇനിപ്പറയുന്ന ഫീൽഡുകൾ അടങ്ങിയിരിക്കുന്നു:
- പേര് - മൂലകത്തിന്റെ ഏകപക്ഷീയമായ പേര്. HTML കോഡിൽ, പേര് പരാമീറ്റർ.
- മൂല്യം - സ്ഥിരസ്ഥിതിയായി തിരഞ്ഞെടുത്ത ലിസ്റ്റ് ഇനത്തിന്റെ മൂല്യം അടങ്ങിയിരിക്കുന്നു. ഈ ഘടകത്തിനായുള്ള HTML കോഡിൽ, ഓപ്ഷൻ ടാഗ് തിരഞ്ഞെടുത്തത് = "തിരഞ്ഞെടുത്തത്" എന്ന് സജ്ജീകരിച്ചിരിക്കുന്നു.
- വലുപ്പം - വരികളിൽ പ്രദർശിപ്പിച്ചിരിക്കുന്ന ലിസ്റ്റ് ഏരിയയുടെ ഉയരം. വലുപ്പം ഒന്നിന് തുല്യമാണെങ്കിൽ, ഒരു ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റ് പ്രദർശിപ്പിക്കും. വലുപ്പം വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, ലിസ്റ്റിന്റെ രൂപം "ഒന്നിലധികം തിരഞ്ഞെടുക്കലുകൾ അനുവദിക്കുക" ഓപ്ഷനെ ആശ്രയിച്ചിരിക്കും.
പാരാമീറ്ററുകളുടെ ഗ്രൂപ്പ് "ലഭ്യമായ ഓപ്ഷനുകൾ":
- വാചകം - ലിസ്റ്റ് ഇനത്തിന്റെ പ്രദർശിപ്പിച്ച വാചകത്തിനുള്ള ഇൻപുട്ട് ഫീൽഡ്. ഇത് "മൂല്യം" ഫീൽഡുമായി ജോടിയായി നൽകിയിട്ടുണ്ട്. ലിസ്റ്റിലേക്ക് "ടെക്സ്റ്റ് - മൂല്യം" ജോടി ചേർക്കാൻ, "ചേർക്കുക" ബട്ടൺ ക്ലിക്ക് ചെയ്യുക.
- മൂല്യം - സെർവറിലേക്ക് ട്രാൻസ്മിറ്റ് ചെയ്ത ലിസ്റ്റ് എലമെന്റിന്റെ മൂല്യം നൽകുന്നതിനുള്ള ഫീൽഡ്. ഇത് "ടെക്സ്റ്റ്" ഫീൽഡുമായി ജോടിയായി നൽകിയിട്ടുണ്ട്. ലിസ്റ്റിലേക്ക് "ടെക്സ്റ്റ് - മൂല്യം" ജോടി ചേർക്കാൻ, "ചേർക്കുക" ബട്ടൺ ക്ലിക്ക് ചെയ്യുക.
- ചേർക്കുക - നൽകിയ ജോഡി "ടെക്സ്റ്റ് - മൂല്യം" പട്ടികയിലേക്ക് ചേർക്കുന്നതിനുള്ള ബട്ടൺ.
- തിരഞ്ഞെടുത്ത ലിസ്റ്റ് ഇനം മാറ്റാൻ എഡിറ്റ് - ബട്ടൺ. മാറ്റാൻ, നിങ്ങൾ ലിസ്റ്റ് ക്രമീകരണങ്ങളിൽ ആവശ്യമായ ഘടകം തിരഞ്ഞെടുക്കേണ്ടതുണ്ട്, "ടെക്സ്റ്റ്", "മൂല്യം" ഫീൽഡുകളുടെ ഉള്ളടക്കങ്ങൾ എഡിറ്റ് ചെയ്ത് "മാറ്റുക" ബട്ടൺ ക്ലിക്ക് ചെയ്യുക. തിരഞ്ഞെടുത്ത ഇനം അതിനനുസരിച്ച് അപ്ഡേറ്റ് ചെയ്യും.
- തിരഞ്ഞെടുത്ത ലിസ്റ്റ് ഇനം ഒരു ലെവൽ മുകളിലേക്ക് നീക്കാൻ ഉയർത്തുക - ബട്ടൺ.
- തിരഞ്ഞെടുത്ത ലിസ്റ്റ് ഇനം ഒരു ലെവൽ താഴേക്ക് നീക്കാൻ താഴെയുള്ള ബട്ടൺ.
- തിരഞ്ഞെടുത്തതായി അടയാളപ്പെടുത്തുക - ബട്ടൺ ക്ലിക്കുചെയ്യുമ്പോൾ, ലിസ്റ്റിലെ തിരഞ്ഞെടുത്ത ഇനം സ്ഥിരസ്ഥിതിയായി തിരഞ്ഞെടുത്തതായി അടയാളപ്പെടുത്തുന്നു. മൂലകത്തിന്റെ മൂല്യം "മൂല്യം" ഫീൽഡിൽ പ്രദർശിപ്പിക്കും (മുകളിൽ കാണുക). ഈ ഘടകത്തിനായുള്ള HTML കോഡിൽ, ഓപ്ഷൻ ടാഗ് തിരഞ്ഞെടുത്തത് = "തിരഞ്ഞെടുത്തത്" എന്ന് സജ്ജീകരിച്ചിരിക്കുന്നു.
- ലിസ്റ്റിൽ നിന്ന് തിരഞ്ഞെടുത്ത ഘടകം നീക്കംചെയ്യാൻ ഇല്ലാതാക്കുക - ബട്ടൺ.
- ഒന്നിലധികം ഓപ്ഷനുകൾ തിരഞ്ഞെടുക്കാൻ അനുവദിക്കുക - പ്രോപ്പർട്ടി പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, ctrl കീ ഉപയോഗിച്ച് ലിസ്റ്റിൽ ഒന്നിലധികം ഇനങ്ങൾ തിരഞ്ഞെടുക്കാൻ സാധിക്കും. ലിസ്റ്റ് വലുപ്പം വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, പ്രോപ്പർട്ടി പ്രവർത്തനരഹിതമാക്കിയിട്ടുണ്ടെങ്കിൽ, ഒരു ഡ്രോപ്പ്-ഡൗൺ ലിസ്റ്റ് പ്രദർശിപ്പിക്കും. ലിസ്റ്റ് വലുപ്പം വ്യക്തമാക്കിയിട്ടില്ലെങ്കിൽ, പ്രോപ്പർട്ടി പ്രവർത്തനക്ഷമമാക്കിയിട്ടുണ്ടെങ്കിൽ, ലിസ്റ്റ് വലുപ്പം നാലായി സജ്ജീകരിച്ചിരിക്കുന്നു.
ലേഖനത്തിന്റെ അവസാനം ഇങ്ങനെ...
വളരെ ജനപ്രിയമായ CKEditor ഉള്ളടക്ക എഡിറ്ററിനെ ഒരു സാധാരണ ASP.NET MVC ആപ്ലിക്കേഷനിലേക്ക് എങ്ങനെ സമന്വയിപ്പിക്കാമെന്നും ഇഷ്ടാനുസൃതമാക്കാമെന്നും ഇന്ന് നമ്മൾ കണ്ടെത്തും. അതുപോലെ തന്നെ ജനപ്രിയമായ CKFinder ഫയൽ മാനേജർ ഞങ്ങൾ ഇൻസ്റ്റാൾ ചെയ്യുകയും കോൺഫിഗർ ചെയ്യുകയും ചെയ്യും.
ഔദ്യോഗിക ഡെവലപ്പർ പേജ്: https://ckeditor.com/
HTML ഉള്ളടക്കത്തിനായുള്ള വളരെ ജനപ്രിയമായ ഒരു വിഷ്വൽ WYSIWYG എഡിറ്ററാണ് CKEditor.
സെർവറിലെ ഫയൽ സിസ്റ്റം ആക്സസ് ചെയ്യാനും ക്ലയന്റ് ബ്രൗസറിൽ നിന്ന് ഫയലുകൾ നിയന്ത്രിക്കാനും നിങ്ങളെ അനുവദിക്കുന്ന ഒരു ഫയൽ മാനേജറാണ് CKFinder.
സാധാരണയായി ഈ രണ്ട് ഘടകങ്ങളും ഒരുമിച്ച് പോകുന്നു, അതായത്, ഫയൽ മാനേജർ എഡിറ്ററിലേക്ക് സംയോജിപ്പിച്ചിരിക്കുന്നു.
CKEditor രണ്ട് പതിപ്പുകളിലാണ് വരുന്നത്. പതിപ്പ് 4 പഴയതും അതിനാൽ കൂടുതൽ സാധാരണവുമാണ്. കൂടാതെ പതിപ്പ് 5, നിരവധി പുതുമകളോടെ മോഡുലാർ ആർക്കിടെക്ചർ നടപ്പിലാക്കുന്ന പുതിയ ഒന്ന്.
CKEditor ഇഷ്ടാനുസൃതമാക്കുന്നു
എന്റെ പ്രോജക്റ്റുകളിൽ ഞാൻ നാലാമത്തെ പതിപ്പ് ഉപയോഗിക്കുന്നു, എന്തെങ്കിലും പ്രശ്നങ്ങൾ പരിഹരിക്കാൻ അതിന്റെ പ്രവർത്തനം മതിയാകും. എഡിറ്റർ ഉപയോഗിച്ച് ആർക്കൈവ് ഡൗൺലോഡ് ചെയ്ത് നിങ്ങളുടെ പ്രോജക്റ്റിലേക്ക് ചേർക്കുക.
ചേർക്കുക സി.കെ.എഡിറ്റർവളരെ ലളിതമാണ്. ഇത് നിരവധി ഘട്ടങ്ങളിൽ സംഭവിക്കുന്നു:
- ടാഗ് വഴി ബന്ധിപ്പിക്കുക