## zadanie
nasz projekt Vue+laravel (db postgresql) i stara wersja Html5(JS,CSS)+PHP.
mamy zadaniownik, w którym piszemy tekst:
![[Pasted image 20241116153556.png]]
![[Pasted image 20241116153316.png]]
napotkaliśmy 2 problemy:
1. brakuje formatowania tekstu (b i s, u, code, quote)
2. nie ma możliwości wstawienia obrazka
trzeba wdrożyć edytor markdown + praca z obrazkami i plikami. na html5(js lib, css)+php, lub vue+laravel
### referencje:
- youtrack (nasz zadaniownik do rozwoju)
1. dobrze: wstawianie obrazka z bufora z dalszą możliwością jego edytowania (przynajmniej zmiana rozmiaru)
![[2024-11-16_15-40-47 (1).gif]]
- obsidan (aktualny tekst jest w nim stworzony)
1. nie ma możliwości wizualnej zmiany rozmiaru obrazka
2. od razu wizualnie pokazuje zarówno źródło, jak i zastosowanie stylu
![[2024-11-16_15-45-29 (1).gif]]
* lub edytor może mieć od razu 2 kolumny: źródło i render:
![[Pasted image 20241116154741.png]]
pliki przechowujemy w osobnym folderze na serwerze:
```php
$fileName = date("Ymd_His")."_".uniqid() . '-' . basename($file['name']);
$uploadDir = 'uploads/';
$filePath = $uploadDir . $fileName;
move_uploaded_file($file['tmp_name'], $filePath);
```