Завдання по vue.js
Потрібно створити компонент vue (це field для однієї CMS) з редактором codemirror або іншим (якщо запропонуєте не гірший)
Тобто це буде редактор коду html з підсвіткою який буде мати декілька додатковий кнопок для вставки змінних в редактор (як на скріншоті)
Наприклад кнопка {title} при натисканні буде вставляти це у редактор де знаходиться курсор. Поки що цікавить статичні змінні тобто ми просто вставимо декілька, щоб побачити як це працює з редактором. А пізніше ці змінні будуть різні залежно що вибраних даних в інших полях. Змінні можна розташувати зверху чи знизу, без різниці. Дизайн в даному випадку не цікавить.
Ось тут док. як створити компонет під цю CMS https://docs.directus.io/extensions/interfaces.html#files-structure
редактор який потрібний https://codemirror.net/ або аналогічний.
Скажіть вартість розробки такого компоненту і коли б змогли розпочати, якщо Вас зацікавило дане завдання.
Після цього будуть схожі завдання з vue.js
Дякую.
P.S. Якщо Ви не створювали однофайлові компоненти Vue JS https://ru.vuejs.org/v2/guide/single-file-components.html
будь ласка не подавайтесь. Для досвідченого спеціаліста це просте завдання а іншим я не зможу пояснити для чого потрібний vue.js 😉
Це може допомогти створити компонент під цю CMS https://github.com/directus/example-interface-stock
але наскільки я бачу там нема особливостей але при потребі я все підкажу.
-
Вот готовый компонент. https://www.npmjs.com/package/vue2-editor Просто используйте его. Если хотите написать свой безе зависимостей то не стоит. Ести что пишите. Рад буду помочь
-
Богдан Маслій MSYD Inc.
Я не вмію створювати компоненти чи ставити їх тощо. Для цього і створив завдання 😉 Окрім того відповідно до завдання це повинно бути інтегровано в CMS Directus https://docs.directus.io/extensions/interfaces.html#files-structure
https://github.com/directus/example-interface-stock
Наскільки я розумію це як стандартний компонент під Vue але + підключається якась бібліотека.
Окрім самого редактора там повинні бути додаткові кнопки для вставки змінних в редактор, як приклад {my_variable}
Якщо Вас цікавить це завдання і Ви розумієте як це буде зроблено напишіть вартість та коли зможете почати? Будуть інші питання - готовий відповісти.
-
Богдан Маслій MSYD Inc.
Думаю це також підходить https://www.npmjs.com/package/vue-codemirror
але я не знаю як з цим працювати враховуючи описане вище.
-
Актуальні фриланс-проєкти в категорії Javascript та Typescript
Шукаю досвідченого Full Stack розробника для створення SaaS-сервісу для інтернет-магазинів.Ідея сервісу: Клієнт завантажує посилання на свій товарний фід (XML або CSV). Сервіс автоматично отримує товари, бере їхні фотографії та створює нові рекламні зображення за готовими шаблонами: ціна, знижка, логотип, акційні плашки тощо. Також у сервісі має бути простий редактор… Javascript та Typescript, Веб-програмування ∙ 6 годин 19 хвилин тому ∙ 59 ставок |
Розробка WebGL/Three.js сцени з генерацією та експортом 3D (снапшот) з анімованого шейдераОпис об'єкта:Проект являє собою дизайнерський стіл, виконаний у формі реалістичного, глибокого водовороту (центральна воронка, яка плавно переходить з широкої горизонтальної стільниці в тонку витончену ніжку). Суть задачі:Потрібен WebGL / Creative Coding розробник для створення… Javascript та Typescript, Веб-програмування ∙ 1 день 2 години тому ∙ 27 ставок |
Підтримка та розвиток сайту клінінгової компанії
906 UAH
Шукаю веб-розробника / вебмайстра для довгострокової підтримки та розвитку сайту клінінгової компанії. Сайт: https://donely.ca Про проєкт DoneLy Home Services — компанія з надання послуг прибирання в Канаді, яка активно розвивається та розширює географію роботи. Шукаю… Javascript та Typescript, Веб-програмування ∙ 3 дні 4 години тому ∙ 62 ставки |
Розробка сайту по ТЗ на FramerПотрібно зробити сайт по цим параметрам що в тз https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Називайте реальний рейт на основі цього дизайну HTML та CSS верстання, Javascript та Typescript ∙ 4 дні 5 годин тому ∙ 27 ставок |
Розробка інтерактивної карти Palworld для сайтуПотрібно розробити інтерактивну карту Palworld за прикладом: https://palworld.gg/map Нам потрібна не просто статична картинка, а повноцінна інтерактивна карта, де користувач може дивитися локації, вмикати / вимикати категорії об’єктів, шукати потрібні точки та взаємодіяти з… HTML та CSS верстання, Javascript та Typescript ∙ 5 днів 20 годин тому ∙ 35 ставок |
Львів