Live Text Editor прави всеки текстов елемент на една уебстраница редактируем с едно щракване. Променяйте заглавия, параграфи, етикети на бутони, елементи от навигацията или всякакво текстово съдържание директно на живата страница — редактираният текст се изобразява в реално време, като оригиналните шрифтове, цветове и оформление на страницата се запазват. Идеален за тестване на различни варианти на текстове, създаване на макети и правене на екранни снимки с персонализирано съдържание.
Колко пъти сте си мислили: „Чудя се как би изглеждало това заглавие с друг текст“ или „Трябва ми екранна снимка на тази страница с името на нашия клиент вместо примерен текст“? Обикновено това означава редактиране на код, повторно изграждане или използване на графичен редактор за наслагване на текст. Live Text Editor премахва всичко това — просто кликнете върху който и да е текст на страницата и започнете да пишете. Текстът става редактируем на място чрез contentEditable, което означава, че се запазва цялото оригинално CSS стилизиране на елемента: семейство шрифтове, размер, тегло (weight), цвят, разстояние между буквите, височина на реда, трансформации на текста и всяко друго текстово свойство. Оформлението се актуализира в реално време, докато пишете — ако новият текст е по-дълъг, елементът се разширява естествено. Редактирайте толкова текстови елементи, колкото пожелаете, в една сесия. Брояч на промените проследява колко елемента сте променили, а функцията „Undo All“ възстановява всичко мигновено. Всички промени са само визуални и се нулират при презареждане на страницата.
Кликнете върху всеки текстов елемент на страницата — заглавия, параграфи, елементи span, етикети на бутони, текст на връзки, елементи от списъци, клетки на таблици — и той става незабавно редактируем. Появява се мигащ курсор и можете да започнете да пишете. Не е необходим режим на избор или допълнителни кликвания.
Редактираният текст запазва всяко оригинално CSS свойство: font-family, font-size, font-weight, color, line-height, letter-spacing, text-transform и свойствата за оформление. Текстът изглежда точно така, сякаш принадлежи на страницата — а не като грубо наслагване.
Докато пишете по-дълъг или по-къс текст, елементът се преоразмерява естествено и околното оформление се пренарежда точно както би станало с истинско съдържание. Вижте точно как различните дължини на текста влияят на дизайна.
Редактирайте толкова текстови елементи, колкото искате, в рамките на една сесия. Променете заглавието, после подзаглавието, после етикета на бутона, после текста във футъра (footer) — всяка редакция се запазва, докато не презаредите страницата.
Малък брояч показва колко елемента сте редактирали. „Undo All“ възстановява всеки редактиран елемент до оригиналното му текстово съдържание с едно щракване. Индивидуалните промени се проследяват с подсказки от типа „беше: оригинален текст“.
Всички редакции съществуват само в DOM на браузъра и никога не се записват на сървъра. Презаредете страницата и всеки текстов елемент ще се върне към оригиналното си съдържание. Безопасен за използване на всеки уебсайт — включително производствени сайтове.
Изпробвайте различни варианти на заглавия на живата страница, за да видите кой звучи най-силно. „Започнете безплатно“ спрямо „Започнете своя пробен период“ спрямо „Създайте своя акаунт“ — вижте всяка версия, рендирана с действителния дизайн на страницата.
Заменете примерния текст („Lorem ipsum“) с действителното съдържание на клиента по време на презентация. Покажете им името на компанията им, описанието на продукта и текста за призив за действие (CTA), рендирани в реалния дизайн — много по-убедително от статичен макет.
Нуждаете се от екранна снимка, показваща специфичен текст за документация, публикация в блог или презентация? Редактирайте текста директно, след което използвайте инструмента Screenshot, за да заснемете чисто изображение с вашето персонализирано съдържание.
Какво се случва, когато името на даден продукт е 40 знака вместо 15? Или когато описанието е 3 реда вместо 1? Напишете по-дълъг текст, за да видите как оформлението се справя с него — открийте грешки при преливането на съдържанието, преди реалното съдържание да ги предизвика.
Поставете преведен текст в елементите, за да видите как дизайнът се справя с различни езици. Немският текст често е с 30% по-дълъг от английския — работи ли дизайнът все още? Вмества ли се още текстът в бутона?
Отворете плаващия док DevSuite Pro и щракнете върху иконата Live Text Editor. Инструментът се активира и всеки текстов елемент на страницата става достъпен за редактиране чрез кликване.
Кликнете върху заглавие, параграф, етикет на бутон или произволно текстово съдържание. В текста се появява курсор, а над елемента се показва значка „editing“ (редактиране).
Започнете да пишете, за да замените или промените текста. Новото съдържание се изобразява в реално време при запазване на оригиналния стил. Оформлението се настройва естествено спрямо новата дължина на текста.
Кликнете извън текущия елемент, за да завършите редакцията му, след което кликнете върху друг текстов елемент, за да редактирате и него. Броячът проследява всички промени.
Кликнете върху „Undo All“, за да възстановите всеки редактиран елемент, или презаредете страницата, за да нулирате всичко напълно.
Инсталирайте DevSuite Pro безплатно и отключете 39+ инструмента за разработчици за вашия браузър.
