Мини текстовый редактор для textarea (JavaScript)
Нужно сделать мини-редактор текста на Javascript по типу tinyMCE
который преобразует содержимое textarea в более удобный для редактирования формат
Допустим есть такой текст:
# Title - title
BidiPass# Desc - desc
blockchain-powered# 8th Paragraph - 8p
build transparency
и нужно преобразовать его в такой вид
<input value="Title"/>
<select>
<option value="title" selected>title</option>
<option value="7p">7p</option>
<option value="6p" >6p</option>
<option value="5p" >5p</option>
....
</select>
<textarea>BidiPass</textarea>
<input value="Desc"/>
<select>
<option value="desc" selected>desc</option>
<option value="7p">7p</option>
<option value="6p" >6p</option>
<option value="5p" >5p</option>
....
</select>
<textarea>blockchain-powered</textarea>
<input value="8th Paragraph"/>
<select>
<option value="8p" selected>8p</option>
<option value="7p">7p</option>
<option value="6p" >6p</option>
<option value="5p" >5p</option>
....
</select>
<textarea>BidiPass</textarea>
список option-сов - всегда один и тот же - не меняется
Картинка будет примерно такой
При нажатии зеленой кнопки добавляется новый блок
При нажатии красной блок удаляется
При заполнении новой формы это все преобразуется в изначальную форму
Парсер с регулярками который преобразует формат текста в массив уже написан на Ruby
нужно из массива рендерить эти блоки туда и обратно
Также можно сделать переключалку между текстом и редактором
например как на гитхабе для markdown
Использование фреймворка Vue.js будет плюсом.
Спасибо, ждем откликов.
-
4 дня1000 UAH
812 47 0 4 дня1000 UAH
Здравствуйте.
Очень интересная задача.
Готов выполнить.
Большой опыт в нативном JavaScript. В портфолио есть примеры работы рендеринга состояний на JavaScript(с видеообзором).
Есть опыт в отрисовке компонентов в React с передачей ей массивa данных.
Но с Vue.js думаю все аналогично. Давно хотел сделать что-то на Vue.
…
Подскажите, API-интерфейс для передачи текста для парсера, написанный на Ruby подготовлен?
Стилизацию сделаю в виде вкладок как на примере.
Буду рад сотрудничеству!
-
4 дня2000 UAH
163 4 дня2000 UAH
Здравствуйте
Имею опыт разработки подобных приложений. Готов реализовать на Vue.js. Пишите! Буду рад сотрудничеству.
-
3 дня1000 UAH
775 21 0 3 дня1000 UAH
Здравствуйте, работаю с React на хотел бы попробовать поработать с Vue.
Смогу реализовать такую функциональность если будет минимальное описание АПИ
-
1 день310 UAH
29 1 день310 UAH
Смогу сделать очень качественно и быстро. Смогу написать преоброзователь на C++, Python, JS. Остольное можете написать лично
-
4 дня2000 UAH
3777 111 3 5 4 дня2000 UAH
Здравствуйте, Артём.
Готов реализовать компонент с использованием vue. js как библиотеки.
С уважением, Юрий
Актуальные фриланс-проекты в категории Javascript и Typescript
Full-stack разработка — Amazon PPC Dashboard (Stage 1)Нужен full-stack разработчик с опытом работы с Amazon API для реализации Stage 1 внутреннего PPC-дашборда. Проект реальный, данные живые, всё готово к старту. Прототип фронтенда (5 страниц, React + TypeScript): ЧТО УЖЕ ГОТОВО — Фронтенд-прототип на React 18 + TypeScript + Vite… Javascript и Typescript, Веб-программирование ∙ 21 час 35 минут назад ∙ 23 ставки |
Разработка сайта-конструктора фотокниг и фоторамокЦель проекта Необходимо разработать современный веб-сайт для заказа фотокниг, фоторамок и другой персонализированной фотопродукции. Главная задача проекта — предоставить клиенту возможность самостоятельно создать готовый макет изделия непосредственно на сайте без участия… Javascript и Typescript, Веб-программирование ∙ 2 дня 13 часов назад ∙ 93 ставки |
Команда для самописного маркетплейса ритуальных услуг.Ищем команду для запуска и развития самописного национального маркетплейса ритуальных услуг. Сразу: не ищем одиночек, джунов и “сборщиков сайтов”. Нужна сильная продуктовая команда уровня middle+/senior с реальными кейсами маркетплейсов/сложных SaaS. Просьба не откликаться,… Javascript и Typescript, Веб-программирование ∙ 3 дня 8 часов назад ∙ 26 ставок |
Доработка существующего Next.js/Supabase проекта: офферы, CRM, аналитика, AI-чатЕсть действующий проект WatchGenius — платформа аналитики люксовых часов с каталогом моделей, ценовой аналитикой, внешними офферами, формами заявок и AI-чатом. Проект уже разработан частично. Нужен не сайт с нуля, а опытный full-stack разработчик, который сможет разобраться в… Javascript и Typescript, Веб-программирование ∙ 5 дней 9 часов назад ∙ 55 ставок |
Ищу Senior Full-Stack разработчика (Payload CMS) — миграция 2 сайтов гостиничной сетиСеть курортных отелей переходит с Webflow на собственный headless-стек. Два корпоративных сайта (~140 страниц вместе), multi-tenant архитектура — один код обслуживает несколько отелей на разных доменах. Проект уже стартовал: инфраструктура развернута, tenants настроены, базовые… CMS, Javascript и Typescript ∙ 9 дней 7 часов назад ∙ 19 ставок |