Мини текстовый редактор для 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 будет плюсом.
Спасибо, ждем откликов.
-
787 47 0 Здравствуйте.
Очень интересная задача.
Готов выполнить.
Большой опыт в нативном JavaScript. В портфолио есть примеры работы рендеринга состояний на JavaScript(с видеообзором).
Есть опыт в отрисовке компонентов в React с передачей ей массивa данных.
Но с Vue.js думаю все аналогично. Давно хотел сделать что-то на Vue.
…
Подскажите, API-интерфейс для передачи текста для парсера, написанный на Ruby подготовлен?
Стилизацию сделаю в виде вкладок как на примере.
Буду рад сотрудничеству!
-
163 Здравствуйте
Имею опыт разработки подобных приложений. Готов реализовать на Vue.js. Пишите! Буду рад сотрудничеству.
-
775 21 0 Здравствуйте, работаю с React на хотел бы попробовать поработать с Vue.
Смогу реализовать такую функциональность если будет минимальное описание АПИ
-
29 Смогу сделать очень качественно и быстро. Смогу написать преоброзователь на C++, Python, JS. Остольное можете написать лично
-
3663 111 3 5 Здравствуйте, Артём.
Готов реализовать компонент с использованием vue. js как библиотеки.
С уважением, Юрий
Актуальные фриланс-проекты в категории Javascript и Typescript
Game Developer Pixi.Js
15 701 UAH
Ищем разработчика Pixi.js для создания серии из 12 мини-игр. Проекты простые по реализации и при уверенной работе разработка одной игры занимает не более недели. Необходимо реализовать фронтенд и игровую математику, без разработки бэкенда. Игры будут похожи по структуре, но с… Javascript и Typescript, Веб-программирование ∙ 1 час 47 минут назад ∙ 19 ставок |
Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версииОписание заказа: Ищем опытного frontend-разработчика/специалиста по OpenCart для оптимизации скорости загрузки сайта (категории и карточки товаров) под требования Google Core Web Vitals. О проекте: * CMS: OpenCart. * Специфика: Сайт работает в режиме каталога (корзины и… CMS, Javascript и Typescript ∙ 3 дня 22 часа назад ∙ 23 ставки |
Оптимизация скорости сайта WordPress
5113 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 18 часов назад ∙ 68 ставок |
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособное и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 6 дней 19 часов назад ∙ 4 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 8 дней 1 час назад ∙ 87 ставок |