Podpowiadanie i autouzupełnianie kodu w textarea JS

Question

Hej pisze notatnik webowy (stronę) w najprostszy sposób czyli html js css trochę php bez żadnych bootstrapów, jquerty, nodejs ani reacta czy vue.mam textarea i potrzebuje aby po wpisaniu w textarea con podpowiadał mi continue connectionerror... . Jeśli chodzi o listę wszystkich słów w poszczególnych językach programowania to mam i nawet nie potrzebuje tooltipów (wyjaśnień danych słówek) ani ikonek przy danych słówkach jak ma to np replit czy vscode. Zaimportowanie któregoś z frameworków nie jest dla mnie problemem ale po prostu nie wiem który może mi w tym pomóc najlepiej by było gdyby była do tego jakaś biblioteka która wspułpracuje z textboxami bo jego się nie mogę pozbyć ani podmienić na inny ze względu na to że napisałem już sporą część notatnika w tym kolorowanie składni do kilkunastu języków i szkoda by było to stracić

Answer 1

Sam textarea jest bardzo ograniczony. Trudno by było policzyć w jakim miejscu wyświetlić podpowiedz. Dlatego też do bardziej zaawansowanych edytorów używa się DIVa z atrybutem contenteditable. 

Z gotowych rozwiązań slate jest ciekawym pomysłem ale niestety jest jeszcze w beta testach. Jednak możesz zobaczyć jak działa ten ich przykład ;) 

https://www.slatejs.org/examples/mentions