## задача
наш проект Vue+laravel (db postgresql) і стара версія Html5(JS,CSS)+PHP.
у нас є задачник в якому ми пишемо текст:
![[Pasted image 20241116153556.png]]
![[Pasted image 20241116153316.png]]
столкнулися з 2ма проблемами:
1. не вистачає форматування тексту (b i s, u, code, quote)
2. немає можливості вставити картинку
потрібно впровадити редактор markdown + робота з картинками і файлами. на html5(js lib, css)+php, або vue+laravel
### референси:
- youtrack (наш задачник по розробці)
1. добре: вставка картинки з буфера з подальшою можливістю її редагувати (хоча б змінювати розмір)
![[2024-11-16_15-40-47 (1).gif]]
- obsidan (поточний текст сформований саме в ньому)
1. немає можливості наочно змінити розмір картинки
2. одразу наочно показує і вихідний код і застосування стилю
![[2024-11-16_15-45-29 (1).gif]]
* або редактор може мати одразу 2 колонки: вихідний код і рендер:
![[Pasted image 20241116154741.png]]
файли зберігаємо в окремій папці на сервері:
```php
$fileName = date("Ymd_His")."_".uniqid() . '-' . basename($file['name']);
$uploadDir = 'uploads/';
$filePath = $uploadDir . $fileName;
move_uploaded_file($file['tmp_name'], $filePath);
```