Завдання по 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 Просто используйте его. Если хотите написать свой безе зависимостей то не стоит. Ести что пишите. Рад буду помочь
-
Bogdan Maslii MSYD Inc.
Я не вмію створювати компоненти чи ставити їх тощо. Для цього і створив завдання 😉 Окрім того відповідно до завдання це повинно бути інтегровано в CMS Directus https://docs.directus.io/extensions/interfaces.html#files-structure
https://github.com/directus/example-interface-stock
Наскільки я розумію це як стандартний компонент під Vue але + підключається якась бібліотека.
Окрім самого редактора там повинні бути додаткові кнопки для вставки змінних в редактор, як приклад {my_variable}
Якщо Вас цікавить це завдання і Ви розумієте як це буде зроблено напишіть вартість та коли зможете почати? Будуть інші питання - готовий відповісти.
-
Bogdan Maslii MSYD Inc.
Думаю це також підходить https://www.npmjs.com/package/vue-codemirror
але я не знаю як з цим працювати враховуючи описане вище.
-
Current freelance projects in the category Javascript and Typescript
I am looking for an experienced Full Stack developer to create a SaaS service for online stores.Service idea: The client uploads a link to their product feed (XML or CSV). The service automatically retrieves the products, takes their photos, and creates new advertising images based on ready-made templates: price, discount, logo, promotional tags, etc. There should also be… Javascript and Typescript, Web Programming ∙ 8 hours 15 minutes back ∙ 62 proposals |
Development of a WebGL/Three.js scene with generation and export of 3D (snapshot) from an animated shaderObject Description:The project is a designer table shaped like a realistic, deep whirlpool (a central vortex that smoothly transitions from a wide horizontal tabletop to a thin elegant leg). Task Essence:A WebGL / Creative Coding developer is required to create an interactive 3D… Javascript and Typescript, Web Programming ∙ 1 day 4 hours back ∙ 27 proposals |
Support and development of the cleaning company's website
20 USD
I'm looking for a web developer/webmaster for long-term support and development of a cleaning company's website. Website: https://donely.ca About the project DoneLy Home Services is a cleaning service company in Canada that is actively growing and expanding its geographical… Javascript and Typescript, Web Programming ∙ 3 days 6 hours back ∙ 62 proposals |
Development of a website according to the specifications on FramerYou need to create a website based on the parameters in the technical specification. https://docs.google.com/document/d/1ODO2C9Krb4AaMiJz9wfbNzWlAyA2FwCCHL8r0biajUY/edit?usp=sharing Please provide your actual rate based on this design. HTML & CSS, Javascript and Typescript ∙ 4 days 7 hours back ∙ 27 proposals |
Development of an interactive Palworld map for the websiteWe need to develop an interactive map for Palworld based on the example: https://palworld.gg/map We need not just a static image, but a full-fledged interactive map where users can view locations, toggle object categories on/off, search for specific points, and interact with… HTML & CSS, Javascript and Typescript ∙ 5 days 22 hours back ∙ 35 proposals |
Lvov