[{"data":1,"prerenderedAt":126},["ShallowReactive",2],{"blog-sl-urejevalnik-pdf-predlog-html-css":3},{"id":4,"title":5,"body":6,"categories":106,"date":108,"description":12,"draft":109,"excerpt":110,"extension":111,"image":112,"lang":113,"meta":114,"modified":115,"navigation":116,"noindex":109,"path":117,"related":110,"seo":118,"seoDescription":119,"seoTitle":120,"slug":121,"sourcePath":122,"sourceRoute":110,"stem":123,"tags":110,"translated":109,"type":124,"wpId":110,"__hash__":125},"blog\u002Fsl\u002Fblog\u002Furejevalnik-pdf-predlog-html-css.md","Urejevalnik HTML\u002FCSS za lastne predloge PDF s predogledom v živo",{"type":7,"value":8,"toc":97},"minimark",[9,13,18,21,25,28,32,35,39,64,71,75],[10,11,12],"p",{},"Računi, ponudbe in drugi poslovni dokumenti morajo biti ne le vsebinsko pravilni, temveč tudi vizualno oblikovani v skladu s celostno podobo podjetja. Prilagoditev takšnih predlog pa se pogosto zatakne, ker zahteva zunanja orodja, znanje programiranja ali zamudno usklajevanje z zunanjim izvajalcem, še preden je mogoče izvesti celo majhno spremembo, kot je zamenjan logotip. Zato 1Tool neposredno v programsko opremo vključuje lasten vizualni urejevalnik za predloge PDF, s katerim lahko dokumente, kot so računi ali ponudbe, oblikujete brez ovinkov prek zunanjih orodij. Ta prispevek opisuje, kako je urejevalnik zgrajen in kako deluje ustvarjanje PDF v ozadju.",[14,15,17],"h2",{"id":16},"oblikovanje-na-podlagi-html-in-css","Oblikovanje na podlagi HTML in CSS",[10,19,20],{},"Vizualni urejevalnik v programu 1Tool omogoča oblikovanje lastnih predlog PDF neposredno v brskalniku – na podlagi HTML in CSS. Kdor te spletne tehnologije že pozna, lahko z njimi zelo natančno vpliva na postavitev, oblikovanje in strukturo predloge, na primer za račune ali ponudbe. Ker sta HTML in CSS razširjena in dobro dokumentirana standarda, je obstoječe znanje iz spletnega razvoja mogoče neposredno uporabiti za oblikovanje poslovnih dokumentov, ne da bi se bilo treba učiti lastniške sintakse, izumljene posebej za urejevalnik. Poleg tega je mogoče za vsako predlogo nastaviti robove, format papirja in ozadje, tako da je brez dodatnega truda mogoče določiti tudi osnovne lastnosti postavitve dokumenta. Tako je predlogo mogoče vsebinsko in vizualno oblikovati tako, da ustreza celostni podobi podjetja. Tudi manjše prilagoditve, na primer pisave, barv ali položaja posameznih elementov, je mogoče opraviti neposredno v sami predlogi, namesto da bi bili vsakič odvisni od zunanje pomoči.",[14,22,24],{"id":23},"trije-zavihki-za-nadzorovan-postopek-urejanja","Trije zavihki za nadzorovan postopek urejanja",[10,26,27],{},"Da spremembe predloge ne bi potekale na slepo, je urejevalnik razdeljen na tri zavihke: Urejanje, Predogled HTML in Predogled PDF. V zavihku Urejanje nastane in se prilagaja sama predloga, oba zavihka za predogled pa takoj pokažeta učinek spremembe – enkrat kot prikaz HTML, drugič kot dejanski predogled PDF. Tako je mogoče učinek vsake prilagoditve takoj preveriti v realističnem predogledu, preden se predloga dejansko uporabi za prave dokumente. Takšen postopek zmanjša tveganje, da bi napačno oblikovano predlogo opazili šele na računu, ki je bil že poslan stranki, saj je mogoče vsako spremembo preveriti v istem urejevalniku, preden gre v produkcijo. Zaradi te tristopenjske zgradbe je urejevalnik dostopen tudi uporabnikom, ki ne delajo vsak dan s HTML in CSS, saj lahko učinek svojih prilagoditev kadar koli takoj vidijo.",[14,29,31],{"id":30},"ustvarjanje-pdf-z-gotenbergom-v-ozadju","Ustvarjanje PDF z Gotenbergom v ozadju",[10,33,34],{},"Za dejansko ustvarjanje končnega dokumenta PDF iz predloge v ozadju skrbi mehanizem za upodabljanje Gotenberg, ki ga upravlja 1Tool sam. Uporabnikom se s tem tehničnim postopkom ni treba ukvarjati: takoj ko je predloga dokončana in aktivirana, se vsak dokument, ki temelji na njej, prek tega mehanizma samodejno ustvari kot PDF. Ta ločitev med oblikovanjem predloge v brskalniku in ustvarjanjem PDF v ozadju zagotavlja, da prikaz v predogledu PDF ustreza dejansko ustvarjenemu dokumentu. Za podjetja to pomeni, da se lahko v celoti osredotočijo na vsebinsko in oblikovno plat predloge, tehnična izvedba ustvarjanja PDF pa zanesljivo poteka v ozadju. Enkrat ustvarjeno predlogo je tako mogoče trajno in brez ponavljajočega se tehničnega truda uporabljati za vse dokumente, ki temeljijo na njej.",[14,36,38],{"id":37},"pogosta-vprašanja","Pogosta vprašanja",[10,40,41,45,48,49,52,54,55,58,60,61],{},[42,43,44],"strong",{},"Ali moram znati programirati, da oblikujem lastno predlogo PDF?",[46,47],"br",{},"\nZa prilagojeno oblikovanje je znanje HTML in CSS koristno, saj urejevalnik temelji na teh spletnih tehnologijah.\n",[42,50,51],{},"Čemu služijo trije zavihki v urejevalniku?",[46,53],{},"\nZavihek »Urejanje« je namenjen ustvarjanju predloge, »Predogled HTML« in »Predogled PDF« pa takoj pokažeta učinek sprememb.\n",[42,56,57],{},"Ali moram sam namestiti programsko opremo za ustvarjanje PDF?",[46,59],{},"\nNe, ustvarjanje PDF prevzame mehanizem za upodabljanje Gotenberg, ki ga v celoti upravlja 1Tool.\n",[42,62,63],{},"Kateri od vaših poslovnih dokumentov bi imel največ koristi od individualno oblikovane predloge PDF?",[10,65,66],{},[67,68,70],"a",{"href":69},"\u002Fsl\u002Fzahteva-za-imenovanje\u002F","Dogovorite se za predstavitev",[14,72,74],{"id":73},"preberite-tudi","Preberite tudi",[76,77,78,85,91],"ul",{},[79,80,81],"li",{},[67,82,84],{"href":83},"\u002Fsl\u002Fblog\u002Fpolja-po-meri-za-vsak-modul\u002F","Lastna podatkovna polja za vsak modul: sistem polj po meri v 1Tool",[79,86,87],{},[67,88,90],{"href":89},"\u002Fsl\u002Fblog\u002Ftakojsnje-iskanje-nastavitve-algolia\u002F","Tipkajte namesto klikajte: takojšnje iskanje Algolia v nastavitvah",[79,92,93],{},[67,94,96],{"href":95},"\u002Fsl\u002Fblog\u002Fprilagodljive-nadzorne-plosce-porocil-povleci-spusti\u002F","Poročila po vaši meri: prosto premični gradniki poročil",{"title":98,"searchDepth":99,"depth":99,"links":100},"",2,[101,102,103,104,105],{"id":16,"depth":99,"text":17},{"id":23,"depth":99,"text":24},{"id":30,"depth":99,"text":31},{"id":37,"depth":99,"text":38},{"id":73,"depth":99,"text":74},[107],4362,"2026-04-30T09:00:00",false,null,"md","\u002Fmedia\u002F2026\u002F07\u002Fvisueller-pdf-vorlagen-editor.jpg","sl",{},"2026-07-25T08:31:43",true,"\u002Fsl\u002Fblog\u002Furejevalnik-pdf-predlog-html-css",{"title":5,"description":12},"Oblikujte lastne predloge PDF za račune in ponudbe z urejevalnikom HTML\u002FCSS in predogledom v živo.","Urejevalnik HTML\u002FCSS za predloge PDF s predogledom | 1Tool","urejevalnik-pdf-predlog-html-css","\u002Fsl\u002Fblog\u002Furejevalnik-pdf-predlog-html-css\u002F","sl\u002Fblog\u002Furejevalnik-pdf-predlog-html-css","posts","l9hpUMNSlDy2yqmqUBcGSSkNBYXyLGWjrLpW5nMcCfI",1791582109053]