Кіріспе

Веб-сайттар құруға арналған қолданбалар үшін онлайн мәтін редакциялау интерфейсі. Онлайн бай мәтін редакторы – веб-браузерлерде бай мәтінді өңдеуге арналған интерфейс, ол пайдаланушыға "көргеніңіз – алғандарыңыз" (WYSIWYG) принципімен жұмыс істейтін өңдеу аймағын ұсынады. Мақсаты – пайдаланушылардың форматтауды дұрыс HTML белгілеуі түрінде тікелей көрсетуге тырысуын азайту. Өте ерте браузерлер бай мәтінді көрсетуге қабілетті болғанымен, пайдаланушы деректерін енгізу тек бір шрифт пен стильге ие мәтін қорабымен (HTML элементімен іске асырылған) шектелді. Internet Explorer бірінші болып арнайы "designMode" мүмкіндігін қосты, ол пайдаланушыға курсор арқылы құжаттың форматталған бөліктерін өңдеуге мүмкіндік берді. Mozilla 1.3 нұсқасында осы мүмкіндікті қолдады, ал қазіргі көптеген ірі браузерлер осы бейресми стандартты әзірлеген. Онлайн бай мәтін редакторын іске асыру үшін қажетті техникалық мүмкіндіктер HTML4 стандарты бойынша W3C ережелерінде қарастырылмаған. Дегенмен, Gmail және WordPress сияқты танымал сервистер негізгі пайдаланушы интерфейсі ретінде бай мәтіндік өңдеуге сүйенеді. HTML5 стандартында "contentEditable" деп аталатын DOM қасиеті енгізілді, ол Internet Explorer-дің бастапқы кеңейтуіне ұқсас. Көптеген онлайн кеңсе пакеттері онлайн мәтінді өңдеу және форматтау мүмкіндіктерін ұсынады.

Қадамдасу

Бай мәтіндік редакторлардың көпшілігі мазмұн аймағы үшін iframe элементін пайдаланады. Осылайша редактор ішіндегі мазмұн қалған беттен бөлек болады, себебі ол басқа құжатта орналасқан. Мұндай бөлінудің артықшылығы – редакторды сайттың кез келген жерінде (мысалы, әкімшілік бөлімінде) пайдалануға болады, сонымен бірге пайдаланушылар мазмұн жарияланған кезде көретін стильдерді (мысалы, ашық бетте) сақтап тұруға мүмкіндік береді. Кейбір редакторлар мазмұн аймағы үшін div элементтерін қолданады. Бұл жағдайда редактор мазмұны беттің қалған бөлігімен бірдей стильді мұраға алады, себебі ол бір құжаттың ішінде болады. Бұл тәсіл көбінесе пайдаланушылар мазмұнды "тура сол жерде" өңдеп, беттің жалпы макетін сақтауды қажет еткен кезде қолданылады. Мұндай "тура сол жерде" өңдеуге арналған редакторлардың мысалы – DotNetNuke CMS.

Қолданылу

Инлайн редакторлар әдеттегі редакторлардан айырмашылығы, олар мазмұнды тікелей өңдей алады, оны басқа элементтің ішіне қоймай, көбінесе `contenteditable` атрибуты арқылы. Бұл редакторларға Aloha Editor, CKEditor, SnapEditor және TinyMCE жатады. Стильдік қақтығыстарды болдырмау үшін iframe қолданатын редакторлардың қатарында CKEditor, Dijit Editor және TinyMCE бар.