Svijet web razvoja stalno se razvija i postaje sve inovativniji. Upotreba WYSIWYG uređivača teksta kao što je Summernote postaje neophodna za većinu programera i web dizajnera. Summernote je JavaScript biblioteka otvorenog koda koja pruža super jednostavan, ali moćan WYSIWYG editor za pokretanje. Iskoristivši moć Summernotea, možemo kreirati uređivače teksta, što stvaranje, uređivanje i spremanje teksta čini apsolutnim lakom. Ali često se programeri suočavaju s izazovom u preuzimanju teksta iz Summernote editora. Ovaj članak se fokusira upravo na ovu stvar i nudi rješenje koje je lako pratiti, korak po korak u Pythonu.
Početak rada sa Summernoteom
Summernote donosi razne funkcije uređivača bogatog teksta, u rasponu od uređivanja teksta do otpremanja slika, spremnih za razvojne programere. Uglavnom implementirana u forumskim aplikacijama, CMS-u, pa čak i blogovima, ova biblioteka je omiljeni izbor uglavnom zbog svoje lakoće korištenja i prilagođavanja.
Kako god, izdvajanje teksta iz Summernote-a može biti malo izazovno čak i za iskusne programere. Iako Summernote održava detaljnu dokumentaciju, možda će biti teško odrediti kako doći do HTML sadržaja. Ako se nađete u takvoj nevolji, ovaj vodič će vam pomoći da riješite problem.
Dobijanje Summernote teksta: problem
Jedan uobičajeni problem sa kojim se programeri često suočavaju dok koriste Summernote je izdvajanje teksta iz Summernote editora. U svrhu ilustracije, pretpostavićemo da ste uspješno integrirali Summernote editor u svoju web aplikaciju, ali se borite da shvatite kako izdvojiti tekst koji je korisnik unio u tom uređivaču.
Rjesenje
Da bismo dobili tekst iz Sumnernote editora, trebamo koristiti funkciju `code` koja dolazi sa Summernote API-jem. Ova funkcija će nam omogućiti pristup HTML sadržaju unesenom u Summernote editor.
$('#summernote').summernote('code');
Isječak koda iznad pokazuje kako možemo preuzeti HTML tekst iz Summernote editora. Pokretanje ove linije koda će rezultirati stringom koji predstavlja innerHTML Summernote editora.
Python i Dom raščlanjivanje biblioteka
Da bismo raščlanili ovaj HTML sadržaj u Pythonu, možemo koristiti različite biblioteke kao što su BeautifulSoup, lxml i html.parser između ostalih. Ove biblioteke nam omogućavaju da analiziramo HTML i XML dokumente stvarajući stabla za raščlanjivanje koja se mogu koristiti za lako izdvajanje podataka.
U našem scenariju, mi ćemo iskoristiti biblioteku BeautifulSoup, fantastičan alat za raščlanjivanje HTML i XML dokumenata. Stvara stablo raščlanjivanja koje pomaže u lakom izdvajanju podataka.
Instaliranje BeautifulSoup
Da biste instalirali BeautifulSoup, samo pokrenite sljedeću naredbu:
pip install beautifulsoup4
Implementacija BeautifulSoup
Implementacija BeautifulSoup-a je jednostavna. Moramo uvesti biblioteku, kreirati BeautifulSoup objekat i koristiti njegove metode za raščlanjivanje HTML sadržaja. Argument 'html.parser' označava da želimo da izvršimo raščlanjivanje koristeći Python ugrađeni HTML parser.
from bs4 import BeautifulSoup # Create a BeautifulSoup object soup = BeautifulSoup(HTMLcontent, 'html.parser') # Now we can access the text content by using get_text() method. text = soup.get_text()
Prema ovom rješenju, `HTMLcontent` predstavlja HTML string koji smo dobili od Summernote editora.
Ukratko, preuzeli smo HTML sadržaj iz uređivača Summernote, raščlanili taj HTML koristeći BeautifulSoup i konačno izdvojili tekst iz raščlanjenog HTML-a.
Summernote i BeautifulSoup: moćna kombinacija
Ovaj članak je razradio kako izdvojiti tekst iz Summernote editora koristeći BeautifulSoup u Pythonu. Summernote je nevjerovatna JavaScript WYSIWYG biblioteka dok je BeautifulSoup sofisticirana Python biblioteka za raščlanjivanje HTML i XML dokumenata. Koristeći ova dva robusna alata, možemo dizajnirati uvjerljive web aplikacije s bogatim uređivačkim mogućnostima.
Iz ovoga možemo zaključiti da bilo da se radi o kreiranju živopisnih blogova, foruma prilagođenih korisnicima ili sveobuhvatnih CMS aplikacija, Summernote u kombinaciji s Pythonom, posebno BeautifulSoup za izdvajanje i manipulaciju tekstom korisnika može biti efikasna, moćna kombinacija.
Nadam se da je ovaj dio sadržaja pružio prosvjetljenje na ovu temu. Sretno kodiranje svim programerima! Zapamtite, svaki problem ima rješenje; ponekad, sve što treba da uradimo je da znamo gde da tražimo.
