Галоўная / Артыкулы

Рэдактар тэксту для Vue 3: сучасны WYSIWYG без залежнасцяў

Рэдактар фарматаванага тэксту для Vue 3 без залежнасцяў падчас выканання: усталёўка WYSIWYG-кампанента, чаму ён пасуе праграмам на Vue 3, падтрымка TypeScript.

Выдавец: REACTAPP.TOP14 хв чытання3217 слоў

Крыніцы: Vue 3 Rich Text Editor: A Modern WYSIWYG Editor with TypeScript and Zero Dependencies

У гэтым керавану практычныя інструкцыі паказвают, як стварыць весь ланцоўка ад сыр'ёў да рабочай сістэмы для: Vue 3 Rich Text Editor – савэцкі WYSIWYG-рэдагувальнік з TypeScript і без жадных залежнасцяў. Акцэнт ставіцца на практычныя крокі, чысткія перакананні і код, які можна проста дадаць у рэпазітарый без неабяснення меты. У стадыі агульнага відгледу неабходна практычна апісацыя вхідных дадзеных, адпаведальнага за крок і крэатарыяў завершэння працы перш чым змяніць код. Аператары должны магчымае перадзваніць крок з вядомай точкі контролю, не падозруючы пра скрыты стан. Конфігурацыю трэба залічваць параду ад коду прыкладнення. Файлы сераўіса, хранэнні секрэтных дадзеных і флагі функцыяй должны знаходзіцца ў аднам месцы, якое аператары можаць пераглядаць, не чытаяўшы весь ланцоўка.

Што такое @erag/text-editor-vue?

Калі працуеце над стадзіяй «Што такое erag text-editor-vue», спачатку запісайце умовы вікорыстоўвання: неабходныя даны, сігнал успеху і тое, што выходзіць пад частым нявыпаннем задачы. Такі спіс дапамагае заліцьваты пазнейшыя змены ў кодзе. Документавайце як шлях успеху, так і шлях вярнення да нормальнага стану. Перапрыбуткі, людзкі контроль і обработка некорэктных паведамленняў ёсць часткай продукту, а не элементамі пазнейшай дорабачэнняй. Перад налаштаваннем запітоў пераканайцеся, што сістэма правільна запам’ятовывае даны на адзначанай групе запітанняў. Частая зміна запітоў рэдка калі выправляе слабкую спроможнасць сістэмы да пошуку.

Інсталюйце Vue 3 Rich Text Editor

Калі працуеце над этапам «Установка Vue 3», спачатку запісайце шаблон: неабяжныя вхідныя даны, сігнал працэздання і тое, што выходзіць пад частковым невяскам. Такі спіс дапамагае залічваць змяны ў кодзе адкрыта і працэйна. Валіце маленькія, тэставаныя елементы замест вялічзючых скрыптав. Калі якісь крок не выйшае, невясканне павінна вказваць на адзін конкрэтны аспект, а не на заплутаны ланцюг задач. Напісайце кароткі посібнік: як змяніць ключы, як спрачыслаць чэргу задач, як анулюваць пярэдніе дзеяння.

npm install @erag/text-editor-vue
<script setup lang="ts">
import { ref } from 'vue'
import { Editor } from '@erag/text-editor-vue'
import '@erag/text-editor-vue/style.css'
const content = ref('<p>Hello Vue 3!</p>')
</script><template>
    <Editor v-model="content" />
</template>

Чаму вікорыстоўваць рэдактар багатага тэксту ў Vue 3?

Калі працюеце над стадыяй «Чаму выкарыстоўваць Rich», спачатку запісайце кантракт: неабходныя вхідныя даны, сігнал успеху і тое, што выходзіць у разе частковай нявыполненасці. Такі спіс пераканае ў тым, што пазнейшыя змены коду будуць чыстымі. Спрэчвайце гэтую стадыю як кантракт межаў вхідных дадзеных і перакананых выходных. Дайце назвы артыфактам, задаце правілы пераканання успеху і не падтрымайце тых, хто выканае частковую працу без паведамлення. Напісайце кароткі посібнік: як зменяць канты, як спрачыць очакваныя заданні, як анулюваць пасляпэўныя дзеянні. Калі працюеце над стадыяй «Чаму выкарыстоўваць Rich», спачатку запісайце кантракт: неабходныя вхідныя даны, сігнал успеху і тое, што выходзіць у разе частковай нявыполненасці. Такі спіс пераканае ў тым, што пазнейшыя змены коду будуць чыстымі. Зберагайце настройкі параду ўнутры коду аплікацыі. Файлы сераўнавання, храненні секрэтных дадзеных і флагі функцый должны знаходзіцца ў аднам месцы, куды аператары можаць адбавіць аўдыт без неабяжнага чытання всіх элементаў.

<h2>Welcome</h2>
<p>
    This is <strong>formatted content</strong>.
</p><ul>
    <li>Vue 3</li>
    <li>TypeScript</li>
    <li>Rich text editing</li>
</ul>

Нуль залежнасцяў пад час выканання

Этап «Нульавыя залежнасці пад час выканання» працюе наяўнейша, калі яго розглядаюць як мерыябельную плошчу. Зафіксавайце адны ідэальны прыклад работы, адзін кейс неудачы і прыметкі па адвярненню перад расшырэнням масштаба. Дакументавайце як шлях успеху, так і шлях вярнення да стану нормы. Перапрыбуткі, людзкія контрольныя пункты і обработка некорэктных паведамленняў ёсць часткай продукту, а не наступным этапам дапрацоўкі. Зафіксавайце версіі залежнасцяў і запісаўце хэш адобразу, які выканаў дэманстрацыю. Возможнасць перадарабаткі важлівейшая, чым традыцыйныя знання.

Створана для Vue 3 і TypeScript

Этап «Створана для Vue 3» працюе найкрашча, калі яго розглядаць як меркавыя паракетры. Запісайце адны ідэальны прыклад працы, адну сітуацыю неудачы і прыметкі па поверненні да пярвоначальнага стану пры расшырэнні масштаба. Валіце варот на маленькія, тэставаныя элементы замест большых скрыптов. Калі якісь крок не выйшае, прычына неудачы павінна вказываць на адную адпаведальнасць, а не на заплутаны ланцюг задач. Фіксуйце версіі залежнасцяў і запісвайце хэш ад з’ядра, якое запускало дамэ. Возможнасць павтарэння перадуе індывідуальным знаёмствам.

Vue 3
TypeScript
Vite
Composition API

Фармацыя багатага тэксту

Этап фарматавання тэксту працюе найэфектывней, калі яго спрыяваць як меравальную плошчу. Зберагачыце адны ідэальны прыклад працы, адзін прыклад неудачы і запіс пра вярнэнне да пачатковага стану перш чым расшырваць масштабы. Спрыяйце гэтам этапу як кантракту межа вхіднымы дадзеннямі і перакананымі выходнымы рэзультатамі. Даўце назвы артыфактам, задаце крытэрыя успеху і адмовіцеся ад тыхоўага частковага завершэння. Фіксуйце версіі залежнасцяў і запісвуйце хэш адпаведнага зображэння, якое было выкарыстоўвана для дэманстрацыі. Возможнасць павтарэння перад усім іншым — гэта лепша за традыцыйныя знання.

Інтэрактыўныя @Mentions

Для этапы Interactive Mentions неабяжна прадзецьвярэнне вхідных дадзеных, адпаведнага власніка крока і крэтарыяў завершэння працы перад зменым коду. Аператары должны магчымаць перапрацаванне крока з вядомай точкі контролю, не падозрываючы схованы стан. Неабяжна задокументаваць як шлях успеху, так і шлях вярнення. Перапрыбуткі, людзкія контралі і обработка некорэктных паведамленняў ёсць часткай продукту, а не пасляднім дапрацоўкам. Калі бюджэт дазволяе, неабяжна адключыць тэст на перапрацаванне крытычнага шляху ў CI з вікорыстанням фіксатыв, а не рэальных платных API.

Hey @Developer, can you review this document?
{
    id: 1,
    label: 'Amit Gupta',
    description: 'Developer',
    value: 'amit@example.com'
}

Дынамічныя тэгі з’еднання

Для этапы дынамічных тэгаў з’еднання неабходна пазначыць вхідныя даны, адпаведальнага за этап і крэтыяры завершэння пры перадзеіснаванні коду. Аператары должны магчымае працаваць з этапам з вядомай точкі контролю, не прабуючы спадарацца пра схованы стан. Лепш выбіраць маленькія, тэставаныя елементы заместо велікіх скрыптав. Калі этап не выйшаў, прычына неудачы павінна вказываць на аднойчыную адпаведальнасць, а не на заплутаную схему працы. Калі бюджэт дазволяе, трэба дадаць тэст на пераканальнае працаванне, які перабірае крытычны шлях у CI з вікорыстаннем фіксатыв, а не рэальных платных API.

Hello {{customer.name}},
Your order {{order.number}} is ready.

Падмагчымальныя шаблоны кантэнту

Для этапы «Шаблоны повторнааўтальнага кантэнту» неабходна перад змянай коду задаць вхідныя даны, адпаведальнага за крок і крэтыяры завершэння. Аперацыйныя працавнікі должны магчымае запускаць крок з вядомай точкі контролю, не спрабоўваючы здагадвацца пра схованы стан. Спрацавляйце гэтую стадыю як кантракт межа вхіднымі данымі і перакананымі выходнымі рэзультатамі. Даць назвы артыфактам, задаць перакананні на успех і адмовіцца ад беззвучнага частковага завершэння. Дадаць тэст на перакананне, які працуе з крытычным шляхам у сістэме CI за дапамою фіксатараў, а не з рэальнымі платнымі API, калі тое дазволяе бюджэт. Для этапы «Шаблоны повторнааўтальнага кантэнту» неабходна перад змянай коду задаць вхідныя даны, адпаведальнага за крок і крэтыяры завершэння. Аперацыйныя працавнікі должны магчымае запускаць крок з вядомай точкі контролю, не спрабоўваючы здагадвацца пра схованы стан. Храніце канфігурацыю параду коду прыкладнення. Файлы сяродавішча, хранальнікі секрэтных дадзеных і флагі функцыяў должны знаходзіцца ў аднам месцы, якое працавнікі можуць аўдытаваць, не чытаючы весь лянцуг.

Залічыць і зменшэнне размеру адпраўленага зображэння

Калі працуеце над этапам залічыць і зменшэння размеру адпраўленага зображэння, спачатку запісайце умовы кантракту: неабходныя даны, сігнал пра успех і тое, што выканаецца у разы ўзельнага неякшэння. Такі чарт дапамагае залічыць змяны ў кодзе пазней. Запісайце адночасна шлях успеху і шлях вярнення да нормальнага стану. Перапрыбуткі, людзкія перакрыцця і апрацоўка некорэктных паведамленняў ёсць часткай продукту, а не дадатковымі правкамі пазней. Напісайце кароткі посібнік: як роцыраваць ключы, як спрачыслаць чэргу, як анулюваць пярэдніе дзеяння.

Рэдагаванне табелі

Калі працюеце на стадыі рэдагавання таблы, спачатку запісайце угоду: неабяжлівыя даны, сігнал успеху і тое, што выходзіць пад частыя неудачы. Такі спіс пераканае ў тым, што пазнейшыя змены коду будуць чыстымі. Валіце маленькія, тэставаныя елементы замест большых скрыптов. Калі якісь крок не выйшоў, неудача должна вказваць на адну адпаведальнасць, а не на заплутаны ланцужок задач. Напісайце кароткі посібнік: як роцыяваць канты, як спрачысці кола чакання, як анулюваць пасляпэўныя дзеяння.

Рэдагувальнік HTML

Калі працуеце на стадыі HTML Source Editor, спачатку запісайце контракт: неабяжлівыя даныя, сігнал успеху і тое, што выходзіць у разе частковага нявыпання. Такі спіс пераконвае ў тым, што пазнейшыя змены коду будуць чыстымі. Спрэчвайце гэтую стадыю як контракт межа данымі і перакананымі выходамі. Дайце назвы элементам, задаце правіла пераканання успеху і не падзейцеся частковым завершэнням без паведамлення. Напісайце кароткі посібнік: як зменяць кантрольныя клавішы, як спрачыць очакванню задач, як анулюваць пасляпэльны запуск. Калі працуеце на стадыі HTML Source Editor, спачатку запісайце контракт: неабяжлівыя даныя, сігнал успеху і тое, што выходзіць у разе частковага нявыпання. Такі спіс пераконвае ў тым, што пазнейшыя змены коду будуць чыстымі. Зберагаюце настройкі паза кодам прыемніка. Файлы сераўіса, храненнія секрэтных даных і флагі функцый крануцца на аднам месцы, якое аператары можаць пераглядаць без неабяжлівага чытання всей структуры.

<p>
    Welcome to our
    <strong>Vue 3 application</strong>.
</p>

Короткія шляхавы клавіатуры

Этап скорах клавіатуры працюе найэфектывней, калі яго розглядаць як меравальную плошчу. Запісаце адна ідэальная версія, адзін случай неудачы і прыметкі па поверненню да пачатковага стану пры розшырэнні масштаба. Дакументавайце як успешны, так і варыянт вярнення да нормальнага стану. Перапрыбуткі, людзкія контраліны і обработка некорэктных паведамленняў ёсць часткаю продукту, а не элементамі пазнейшай дапрацоўкі. Фіксавайце версіі залежнасцяў і запісвайце хэш адобраза, які выканаў дамэ. Возможнасць павтарэння перадуе традыцыйным знаёмствам.

Рэдагаванне у повнай шырыні экрана

Этап рэдагавання у рэжыме «паўэкрана» працуе наякша, калі яго спрыяваць як мерыемую паверхню. Зафіксавайце адны ідэальны прыклад, адзін прыклад неудачы і запіс пра вярнэнне да пачатковага стану перш чым расшырваць масштабы. Валіце маленькія, тэставаныя елементы замест большых скрыптов. Калі якісь крок не выйшае, прычына неудачы павінна вказываць на адную адпаведальнасць, а не на заплутаны ланцужок задач. Зафіксавайце версіі залежнасцяў і запісаўце хеш-значэнне зображэння, якое было выкарыстоўвана для дэманстрацыі. Возможнасць павторэння перадуе індывідуальным знаёмствам.

Падбір, прадзірыванне і выдрук

Этап «Падзірка і выдрук» працюе найэфектывней, калі яго спрыяваць як меравальную плошчу. Зберажыце адны ідэалны прыклад працы, адзін прыклад неудачы і запіс пра вярнэнне да пачатковага стану перш чым расшырваце сферу дзейнасці. Спрыяйце гэтам этапу як кантракту межа вхіднымі данымі і пераканаленымі выходнымі рэзультатамі. Даўце назвы артыфактам, задаце крытэрыя успеху і не падзельвайцеся на частковыя рэшэнні без адпаведных пазначэнняў. Фіксуйце версіі залежнасцяў і запішыце хэш адпрацоўванага зображэння. Возможнасць павторэння працы важлівей, чым традыцыйныя знаёмства.

Рэактыўны рэдактар багатага тэксту

Для этапы адаптыванага рыхлага рэдактора тэксту неабяжна практычна апраначыць параметры вводу, адпаведнага адпаведальніка за шаг і крэтыяры завершэння пры змены коду. Аперацыйныя працавнікі павінны магчымае запускаць шаг з вядомай точкі контролю, не падозрываючы прыхованы статус. Неабяжна аддактуваць дакументацыю як па шляху успеху, так і па шляху вярнення да нормальнага стану. Практыка перапуску, людзкія контрольныя пункты і обработка некорэктных звесцей ёсць часткай продукту, а не элементамі пазнейшага дапрацоўкі. Калі бюджэт дазволяе, неабяжна ададзіць тэст на пераканальну працю, які перабяжвае крытычны шлях у сістэме CI з вікорыстаннем фіксатываў, а не рэальных платных API.

Адчыстаны выходны HTML

Для этапы выходу санітаванага HTML-тэксту неабяжна прадзеўліваць вхідныя даны, адпаведальнага за шаг і крэтыяры завершэння пры змены коду. Аперацыйныя працавнікі должны магчымае перадзеўляць шаг з вядомай точкі контролю, не падозрываючы прыхованы статус. Лепш выбіраць маленькія, тэставаныя елементы замест амаль неконтрольваных скрыптав. Калі шаг не выйшоў, прычына неудачы должна вказываць на адну конкрэтную адпаведальнасць, а не на заплутаны ланцужок задач. Калі бюджэт дазволяе, неабяжна дадаць тэст на адбіранне базовых функцыяй, які перабірае крытычны шлях у сістэме CI з вікорыстаннем фіксатав, а не рэальных платных API.

Рэдактар багатага тэксту для рэальных застосоўваў на Vue

Для стадыі A Vue Rich Text неабяжна прадзефінавацыя вхідных дадзеных, адпраўніка крока і крэтарыяў выходу пры перадзеіснаванні коду. Аператары должны магчымае запускаваць крок з вядомай точкі контролю, не падозрываючы прыхованы стан. Спрыяйце гэтай этапы як дагавору межа вхіднымі дадзенымі і пасвярджанымі выходнымі рэзультатамі. Даўце назвы артыфактам, прадзефінавацыя крэтароў успеху і адмовіцеся ад беззвучнага частковага завершэння. Дадзіце тэст на працяснасць, які пераблакуе крытычны шлях у CI з фіксатрамі, а не з жывымі платнымі API, калі тое дазволяе бюджэт. Для стадыі A Vue Rich Text неабяжна прадзефінавацыя вхідных дадзеных, адпраўніка крока і крэтарыяў выходу пры перадзеіснаванні коду. Аператары должны магчымае запускаваць крок з вядомай точкі контролю, не падозрываючы прыхованы стан. Зберагачыце настройкі за межамі коду прыемленае. Файлы сяродавішча, хранільнікі секрэтных дадзеных і флагі функцый должны знаходзіцца ў аднам месцы, якое аператары можаць пераглядаць без чытання всей структуры.

Can users insert mentions?
Can we add dynamic placeholders?Can we create predefined templates?Can users upload images?Can we create tables?Can we customise the toolbar?Can we use TypeScript?Can users edit HTML?Does it work responsively?

Прыклад прыемка выкарыстоўвання: рэдагар шаблонаў электранаў у Vue

Калі працуеце над прыкладам выкарыстоўвання у фазе Vue, спачатку запісайце умовы: неабходныя даныя, сігнал успеху і тое, што выканаецца у разы частковага нявыпання. Такі спіс дапамагае заліцьваты змяны ў кодзе. Дакументавайце як шлях успеху, так і шлях вяснавання. Перапрыбуткі, людзкія контралі і обработка некорэктных паведамленняў ёсць часткай продукту, а не дадатковымі удосконаленнямі. Напісайце кароткі посібнік: як зменяць кантрольныя клучы, як спрачысці кола чакання, як анулюваць пярэдню імпортацыю.

Hello {{customer.name}},
Your invoice {{invoice.number}} is ready.Please contact @AccountsTeam if you need assistance.Thanks,
{{company.name}}

Чаму важлівыя нулявыя залежнасці

Калі працюеце над этапам «Чаму важна абсэнцыя залежнасцей», спачатку запішыце умовы вікорыстання: неабяжлівыя даныя, сігнал успеху і тое, што выканаецца у разе частковага нявыполнення. Такі спіс контролю дапамагае заліцвачыць пазнейшыя змены ў кодзе. Валіце маленькія, тэставаныя елементы замест большых скрыптов. Калі якісь крок не выйшоў, прычына нявыполнення павінна вказываць на адну конкрэтную абавязку, а не на заплутаны ланцужок задач. Напісце кароткі посоўнік: як зменяць канты, як спрачысці очакванні заяваў, як анулюваць пасляпэльны запіс дадзеных.

Каму патрэбны @erag/text-editor-vue?

Калі працуеце над стадзіяй «Хто павінен выкарыстоўваць erag», спачатку запісайце контракт: неабходныя даны, сігнал успеху і тое, што выходзіць у разе частковага невыпання. Такі спіс пераконвае ў тым, што пазнейшыя змены коду будуць чыстымі. Спрэчвайце гэтую стадзію як контракт межа данымі і перакананымі выходамі. Дайце назву артыфактам, задаць тэсты на успех і не падзеўляйцеся частковым завершэнням без паведамлення. Змяркуйце рэкалі на фіксаваным наборэ запытанняў прычым рэгулюванні прапаноў. Частае змены прапаноў рэдка калі вылечваюць слабую сістэму пошуку. Калі працуеце над стадзіяй «Хто павінен выкарыстоўваць erag», спачатку запісайце контракт: неабходныя даны, сігнал успеху і тое, што выходзіць у разе частковага невыпання. Такі спіс пераконвае ў тым, што пазнейшыя змены коду будуць чыстымі. Зберагайце настройкі за межамі коду прыемлі. Файлы сяродавішча, хранільнікі секрэтных дадзенняў і флагі функцый павінны знаходзіцца ў аднам месцы, якое аператары можаць пераглядаць без неабходнасці чытання всей структуры.

Спробуйце рэдактар багатага тэксту Vue 3

Этап «Практыкуйце Vue 3» работае найкрашча, калі яго спрыяваць як мерыемую плошчу. Зафіксавайце адны ідэальны прыклад працы, адну сітуацыю неудачы і прыметкі па поверненню да пачатковага стану пры расшырэнні масштаба. Дакументавайце як шлях успеху, так і шлях вярнення да нормальнага стану. Перапрыбуткі, людзкія контрольны пункты і обработка некорэктных паведамленняў ёсць часткаю продукту, а не элементамі пазнейшай дапрацоўкі. Зафіксавайце версіі залежнасцяў і запісаўце хэш ад з’ядра, якое запускала дамаўку. Возможнасць павтарэння перад усім важлівейшая, чым традыцыйныя знання.

npm install @erag/text-editor-vue

Часта задаваемыя запітанні

Этап адміністрацыі частаў пытанняў работае наякша, калі яго спрыяваць як мерыемую плошчу. Запісаўце адна ідэальная транскрыпцыя, адзін прыклад неудачы і прыметку па адвярненню працы перш чым расшырваць масштаб. Валіце маленькія, тэставаныя елементы замест большых скрыптаў. Калі якісьць крока не выходзіць, прычына неудачы павінна вказваць на адную адпаведальнасць, а не на заплутаны ланцужок задач. Фіксавайце версіі залежнасцяў і запісвайце хэш адпрацоўванага зображэння для дамы. Возможнасць павторэнтзія перажывае народныя знаёмства.

Кальвэй 3: які лепшы рэдактар багатага тэксту?

Этап «Што ўзяць як найлепша альтэрнатыва» працюе наякша, калі яго расследжваць як вімерную плошчу. Зафіксавайце адны ідэальны прыклад, адзін кейс неудачы і запіс пра вярнэнне да пачатковага стану перш чым расшырваць масштаб. Расследжвайце этап як кантракт межа вхіднымі данымі і перакананымі выходнымі рэзультатамі. Дайце назвы артыфактам, задаце крытэрыі успеху і не падзельвайцеся на частковыя рашэння без адзінаго слова. Закрэпіце версіі залежнасцяў і запісайце хэш адпрацоўванага зображэння. Возможнасць павторэнтыяцыі лепша за традыцыйныя знання.

Чы падтрымлівае @erag/text-editor-vue TypeScript?

Для этапы Does erag text-editor-vue support неабяжна прадзецьваць вхідных дадзеных, адміністратара крока і крытэрая выходу пры змены коду. Аператары должны магчымаць перзапуск крока з вядомай точкі контролю, не падозрываючы схованы статус. Неабяжна задокументаваць як шлях успеху, так і шлях вярнення. Перапрыбуткі, людзкіе перакрыцця і обработка некорэктных паведамленняў ёсць часткай продукту, а не пасляднім дапрацоўкам. Прытвараць цітаты з тых частак, якія фактычна лежалі в основе адпаведзення. Без цітатаў аператары не можуць разлічыць галюцынацію ад прасоўкі індэксавання.

Чы ён падтрымлівае Vue 3?

Для этапы «Чы падтрымлівае Vue?» неабяжна ўзначыць параметры, адпаведальнага за крок і крэтыяры выходу пры змены коду. Аператары должны магчымаць перзапуск крока з вядомай точкі контролю, не падозрываючы схованы стан. Лепш выбіраць маленькія, тэставаныя елементы замест большых скрыптов. Калі крок не выйшоў, прычына неудачы павінна вказываць на адзін конкрэтны элемент, а не на заплутаны ланцужок задач. Калі бюджэт дазволяе, трэба дадаць тэст на першыя працездатнасці, які тэстуе крытычны шлях у сістэме CI з вікорыстаннем фіксатываў, а не рэальных платных API.

Ці ёсць у яго залежнасці пад час выканання?

Для этапа «Цікава ля ўрабоце?» неабходна падчас змены коду адзначыць вхідныя даны, адпаведальнага за крок і крэтырыя завершэння. Аператары должны магчымае перайсці на выкананне кроку з вядомага пункта контролю, не спрабоўваючы здагадвацца пра заштынены стан. Спрыяйце цэму этапу як кантракту межа вхіднымі данымі і перакананымі выходнымі рэзультатамі. Даўце назвы артыфактам, адзначыце крэтырыя успеху і не прабоўваце прыймаць часткова завершаныя рэзультаты без падтверджэння. Калі дозволяе бюджэт, дадзіце тэст на перакананне ключоўых частак у працэсе CI з вікорыстаннем фіксатываў, а не рэальных платных API. Для этапа «Цікава ля ўрабоце?» неабходна падчас змены коду адзначыць вхідныя даны, адпаведальнага за крок і крэтырыя завершэння. Аператары должны магчымае перайсці на выкананне кроку з вядомага пункта контролю, не спрабоўваючы здагадвацца пра заштынены стан. Храніце настройкі параду ад коду прыемленае. Файлы сераўіса, храненнія секрэтных дадзенаў і флагі функцый должны знаходзіцца ў аднам месцы, якое аператары можаць пераглядаць, не чытаючы весь код.

Чы рэдагар падтрымлівае @mentions?

Калі працуеце над этапам «Чы рэдагар падтрымлівае», спачатку запісайце умовы: неабяжлівыя даныя, сігнал успеху і тое, што выканаецца у разы ў частковай нявыполненасці. Такі спіс контроля дапамагае залішыцца адкрытымі пад час пазнейшых змян у кодзе. Дакументавайце як правільны, так і альтэрнатыўны шляхы працы. Практыкі перапрыбутку, людзкія контрольны пункты і обработка некорэктных паведамленняў ёсць часткай продукту, а не пазнейшым дапрацоўкам. Напісайце кароткі посібнік: як зменяць кантрольныя клучы, як спрачысці очакванню паведамленняў, як анулюваць последнюю імпортаваную інформацыю.

Можна лічыцца з дынамічнымі тагамі з’еднання?

Калі працюеце над этапам «Можна ляўляць зображэнні?», спачатку запісайце умовы віканання: неабходныя даны, сігнал успеху і тое, што выканаецца у разы частковага невялікага браку. Такі чыртаж дапамагае залічваць пазнейшыя змены ў кодзе.

{{customer.name}}
{{company.name}}
{{order.number}}

Можна ляўляць зображэнні?

Калі працюеце над этапам «Можна ляўляць зображэнні?», спачатку запісайце умовы віканання: неабходныя даны, сігнал успеху і тое, што выканаецца у разы частковага невялікага браку. Такі чыртаж дапамагае залічваць пазнейшыя змены ў кодзе.

Чы рэшта падтрымлівае табелі?

Можна рэдагаваць створаны HTML?

Можна настраіваць рэдагувальнік?

Чы ён падходзіць для прыемлівалі Laravel + Vue?

Заключныя заўважэнні

npm install @erag/text-editor-vue

Чаклетка аператыўных дзеянняў