Мини текстовый редактор для 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
787 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
3663 111 3 5 4 дні2000 UAH
Здравствуйте, Артём.
Готов реализовать компонент с использованием vue. js как библиотеки.
С уважением, Юрий
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Потрібен frontend-розробник / верстальник для разової доопрацювання сайту на Magento 2
12 783 UAH
Сайт для оцінки: https://copy.eurobrands-shop.de/ Завдання: виправити frontend-баги на рівні теми Magento 2 / Amasty theme: CSS/LESS/JS, mobile, RTL, minicart, language dropdown, layout shift/CLS. Формат роботи: - без локального розгортання Magento; - робота через DevTools +… HTML та CSS верстання, Javascript та Typescript ∙ 42 хвилини тому ∙ 11 ставок |
Розробник ігор Pixi.Js
15 701 UAH
Шукаємо розробника Pixi.js для створення серії з 12 міні-ігор. Проекти прості у реалізації, і при впевненій роботі розробка однієї гри займає не більше тижня. Необхідно реалізувати фронтенд та ігрову математику, без розробки бекенду. Ігри будуть схожі за структурою, але з… Javascript та Typescript, Веб-програмування ∙ 3 години 9 хвилин тому ∙ 27 ставок |
Оптимізація Core Web Vitals (OpenCart) під Google PageSpeed — Мобільна та ПК версіїОпис замовлення: Шукаємо досвідченого frontend-розробника/фахівця з OpenCart для оптимізації швидкості завантаження сайту (категорії та картки товарів) під вимоги Google Core Web Vitals. Про проект: * CMS: OpenCart. * Специфіка: Сайт працює в режимі каталогу (кошика та… CMS, Javascript та Typescript ∙ 4 дні тому ∙ 23 ставки |
Оптимізація швидкості сайту WordPress
5113 UAH
повні деталі надішлемо в особисті повідомлення Мета Максимально прискорити завантаження сайту, особливо на мобільних пристроях. KPI (обов'язково) Після завершення робіт необхідно досягти наступних показників. Mobile Performance 90+ LCP менше 2.2 сек INP менше 200 мс CLS менше… HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 19 годин тому ∙ 68 ставок |
Шукаємо Odoo Developer — соло-розробника з досвідом розробки на Odoo 19 Community EditionЄ робочий, чисто спроектований проєкт на Odoo 19 Community — CRM для українського готелю, уже в production-grade інфраструктурі. Переписувати з нуля не плануємо. Шукаємо одну людину, яка підхопить проєкт, збереже працююче і поведе його далі: спершу CRM → потім HMS → бухгалтерія.… Javascript та Typescript, Веб-програмування ∙ 6 днів 21 година тому ∙ 4 ставки |