Мини текстовый редактор для 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 как библиотеки.
С уважением, Юрий
Current freelance projects in the category Javascript and Typescript
Need a frontend developer / layout designer for a one-time improvement of a website on Magento 2.
285 USD
Website for evaluation: https://copy.eurobrands-shop.de/ Task: fix frontend bugs at the Magento 2 / Amasty theme level: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Work format: - without local Magento deployment; - work through DevTools + theme… HTML & CSS, Javascript and Typescript ∙ 1 hour 48 minutes back ∙ 15 proposals |
Game Developer Pixi.Js
350 USD
We are looking for a Pixi.js developer to create a series of 12 mini-games. The projects are simple to implement, and with confident work, developing one game takes no more than a week. It is necessary to implement the frontend and game mathematics, without backend development.… Javascript and Typescript, Web Programming ∙ 4 hours 15 minutes back ∙ 29 proposals |
Optimization of Core Web Vitals (OpenCart) for Google PageSpeed — Mobile and PC versionsOrder description: We are looking for an experienced frontend developer/OpenCart specialist to optimize the loading speed of the website (categories and product cards) according to Google Core Web Vitals requirements. About the project: * CMS: OpenCart. * Specifics: The site… Content Management Systems, Javascript and Typescript ∙ 4 days 1 hour back ∙ 23 proposals |
Optimization of WordPress site speed
114 USD
We will send full details in private messages Goal Maximize website loading speed, especially on mobile devices. KPI (mandatory) After the work is completed, the following metrics must be achieved. Mobile Performance 90+ LCP less than 2.2 sec INP less than 200 ms CLS less than… HTML & CSS, Javascript and Typescript ∙ 4 days 20 hours back ∙ 68 proposals |
Looking for an Odoo Developer — a solo developer with experience in Odoo 19 Community Edition.There is a working, well-designed project on Odoo 19 Community — CRM for a Ukrainian hotel, already in production-grade infrastructure. We do not plan to rewrite from scratch. We are looking for one person who will take over the project, maintain the working state, and lead it… Javascript and Typescript, Web Programming ∙ 6 days 22 hours back ∙ 4 proposals |