Protams, jūs esat saskāries daudzas reizes vizuālie redaktori, kas ļauj diezgan ērti veidot lapu vai dažu ziņojumu izskatu, piemēram, forumā. Un ne ar BB kodi, bet uzreiz iegūstot konkrētu rezultātu. Šo redaktoru ir daudz internetā. Viens no populārākajiem ir TinyMCE tomēr es esmu savu skriptu atbalstītājs un tam ticu katram uzdevumam ir jābūt risinājumam nevis universāls. Tāpēc šajā rakstā es jums pastāstīšu, kā izveidot vizuālais redaktors JavaScript.
Tūlīt es sniedzu diezgan labi komentētu kodu:
No pirmā acu uzmetiena kods šķiet ļoti sarežģīts. Un tā tas ir, bet, ja mēs to uzskatām par pamatelementiem, tad nav nekā sarežģīta. Tur ir parasta forma un slēptais lauks kur tiek saglabāts iegūtais redaktors HTML kods... Redaktors pats par sevi ir parasts rāmis, tas ir, parasts HTML lapa, kurā mēs varam rakstīt tekstu ( designMode = "ieslēgts"). Un, izmantojot metodi, tiek izveidots dažāds formatējums execCommand () kas izpilda parametrā norādīto komandu. Un es domāju, ka jums nebūs grūti izveidot jaunas pogas un pievienot tām līdzīgus apstrādātājus.
Šajā rakstā nav nekā lieka, tikai vissvarīgākais un pamata, un to var ņemt par pamatu izveidojot savu vizuālo redaktoru JavaScript, kurā nebūs nekā lieka, bet tikai tas, kas jums nepieciešams.