Мини текстовый редактор для 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 days23 USD
812 47 0 4 days23 USD
Здравствуйте.
Очень интересная задача.
Готов выполнить.
Большой опыт в нативном JavaScript. В портфолио есть примеры работы рендеринга состояний на JavaScript(с видеообзором).
Есть опыт в отрисовке компонентов в React с передачей ей массивa данных.
Но с Vue.js думаю все аналогично. Давно хотел сделать что-то на Vue.
…
Подскажите, API-интерфейс для передачи текста для парсера, написанный на Ruby подготовлен?
Стилизацию сделаю в виде вкладок как на примере.
Буду рад сотрудничеству!
-
4 days45 USD
163 4 days45 USD
Здравствуйте
Имею опыт разработки подобных приложений. Готов реализовать на Vue.js. Пишите! Буду рад сотрудничеству.
-
3 days23 USD
775 21 0 3 days23 USD
Здравствуйте, работаю с React на хотел бы попробовать поработать с Vue.
Смогу реализовать такую функциональность если будет минимальное описание АПИ
-
1 day7 USD
29 1 day7 USD
Смогу сделать очень качественно и быстро. Смогу написать преоброзователь на C++, Python, JS. Остольное можете написать лично
-
4 days45 USD
3777 111 3 5 4 days45 USD
Здравствуйте, Артём.
Готов реализовать компонент с использованием vue. js как библиотеки.
С уважением, Юрий
Current freelance projects in the category Javascript and Typescript
Online clothing storeNeed a developer for an online clothing store Looking for an experienced developer to create a full-fledged online clothing store with a drop model of sales. What needs to be done: 6 pages: home, product, cart, checkout, account, admin panel Login via Google account Cart and… HTML & CSS, Javascript and Typescript ∙ 1 hour 39 minutes back ∙ 33 proposals |
Full-stack development — Amazon PPC Dashboard (Stage 1)Need a full-stack developer with experience working with Amazon API to implement Stage 1 of the internal PPC dashboard. The project is real, the data is live, everything is ready to start. Frontend prototype (5 pages, React + TypeScript): WHAT IS ALREADY READY — Frontend… Javascript and Typescript, Web Programming ∙ 2 days 12 hours back ∙ 28 proposals |
Development of a photo book and photo frame constructor websiteProject Goal A modern website needs to be developed for ordering photo books, photo frames, and other personalized photo products. The main task of the project is to provide the client with the ability to independently create a ready-made layout of the product directly on the… Javascript and Typescript, Web Programming ∙ 4 days 4 hours back ∙ 96 proposals |
Team for a custom marketplace of funeral services.We are looking for a team to launch and develop a custom national marketplace for funeral services. Right away: we are not looking for solo freelancers, juniors, or "website builders." We need a strong product team at the middle+/senior level with real cases in… Javascript and Typescript, Web Programming ∙ 4 days 23 hours back ∙ 27 proposals |
Improvement of the existing Next.js/Supabase project: offers, CRM, analytics, AI chatThere is an active project WatchGenius — a luxury watch analytics platform with a catalog of models, price analytics, external offers, application forms, and an AI chat. The project has already been partially developed. We need not a website from scratch, but an experienced… Javascript and Typescript, Web Programming ∙ 7 days back ∙ 55 proposals |