ඔබේ යෙදුමේ අන්තර්ගතය සජීවිකර ගැනීමට කුඩා, කාර්යක්ෂම WYSIWYG සංස්කාරකයක් අවශ්ය වෙලාද? Devankit විසින් ng‑text‑editor‑lite නම් 6 kB පමණ Angular සංස්කාරකයක් නිර්මාණය කර, npm වෙත නිකුත් කර, පසුව එය නිෂ්පාදන පරිසරයේ ඇතුළත් කරමින් ලැබුනු අත්දැකීම් මෙන්න.
පළමුව, සංස්කාරකය comment form එකකට එක් කිරීමේදී “No value accessor for form control” යන දෝෂයක් එලා. බොහෝ දෙනා එය ControlValueAccessor ගැටලුවක් කියලා හිතුවත්, සැබෑ ගැටලුව ReactiveFormsModule සහ formGroup සම්බන්ධතාවයක් නොතිබීමයි. ඒ නිසා Angular එකට formControlName එකේ අර්ථය නොදනි.
දෙවැනි ගැටලුව, පරණ දත්ත වලින් පූර්වදර්ශන (preview) කිරීමේදී තද අකුරු, ඉතාලි, strikethrough වැනි ශෛලීන් පෙනෙන්නා නැති වීම. එහි හේතුව sanitization නීති. සංස්කාරකයstrong, em, s වැනි ටැග් පමණක් අනුමත කරයි; පරණ සම්පූර්ණය , , වැනි ටැග් භාවිතා කර තිබේ. ඒ නිසා ඒ ටැග්වල අන්තර්ගතය සෝදිසි කිරීමේදී අහෝසි වේ.
ශ්රී ලංකාවට ඇති වැදගත්කම
ශ්රී ලාංකීය සංවර්ධකයින්ට මේ අත්දැකීම් තුළින් ප්රධාන මූලික කරුණු කිහිපයක් ඉගෙනගත හැක:
- Angular Reactive Forms භාවිතා කරන විට ReactiveFormsModule සහ formGroup ඇතුළත් කිරීම අත්යවශ්යය – එය අමතක වීමෙන් බොහෝ දෝෂ පෙන්වයි.
- පරණ HTML දත්ත සමඟ නව සංස්කාරකයක් එක් කිරීමේදී sanitization සැකසුම පරීක්ෂා කර, අවශ්ය ටැග් whitelist එකට අනුගත කරගත යුතුය.
- npm වෙත පැකේජයක් නිකුත් කිරීම සාර්ථක වුවත්, ඒක නිෂ්පාදන පරිසරයේ පරීක්ෂා කිරීම තවත් පියවරක්. මෙයින් පසුබැසීමේ අවස්ථා හඳුනාගත හැක.
මෙම පාඩම් ශ්රී ලංකාවේ තාක්ෂණික ව්යාපාර, startup සහ විශ්වවිද්යාල සිසුන්ට ඉතා ප්රයෝජනවත්. කුඩා පැකේජයක් නිර්මාණය කර, එය නියම පරිසරයට ගෙනයාමෙන් පසු ඇති ගැටලු පරීක්ෂා කිරීම, වැඩි පරිමාණ ව්යාපෘතිවල අඩු-බලපෑම් සහිත UI සංවර්ධනයට මාර්ගයක් වේ.
අවසන් වශයෙන්, සංස්කාරකය දැන් live වෙලා, task description, comment, log entry වැනි බොහෝ කොටස් පවත්වාගෙන යයි. ඔබටත් එවැනි කුඩා, වේගවත් UI උපාංගයක් නිර්මාණය කර, production‑ෙහි පරීක්ෂා කිරීමේ වැදගත්කම අත්විඳීමට අවස්ථාව ඇත.
