[{"data":1,"prerenderedAt":146},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftemplate-editor-basics":3},{"id":4,"title":5,"body":6,"category":133,"description":134,"extension":135,"keywords":136,"meta":137,"navigation":138,"order":139,"path":140,"rawbody":141,"seo":142,"stem":143,"updated":144,"__hash__":145},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftemplate-editor-basics.de.md","Template-Editor (Grundlagen)",{"type":7,"value":8,"toc":127},"minimark",[9,13,62,69,74,90,95,99,109,114,118],[10,11,12],"p",{},"Der Template-Editor besteht aus vier Hauptbereichen.",[14,15,16,44,50,56],"ul",{},[17,18,19,23,24,29,30,34,35,39,40,43],"li",{},[20,21,22],"strong",{},"Toolbar",": die Leiste am oberen Rand. Sie enthält deine Werkzeuge zum Hinzufügen von Elementen, die ",[25,26,28],"a",{"href":27},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-tools","Design-Werkzeuge"," zum Positionieren, das ",[25,31,33],{"href":32},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayout-grid","Layout-Raster",", ",[25,36,38],{"href":37},"\u002Fhelp\u002Finput-fields","Inputfelder",", Undo und Redo, deinen Speicherstatus und ",[20,41,42],{},"Publish",".",[17,45,46,49],{},[20,47,48],{},"Leinwand",": der Bereich in der Mitte, in dem dein Design liegt und in dem du Elemente anordnest.",[17,51,52,55],{},[20,53,54],{},"Property Panel",": links. Wähle ein Element aus, um hier seine Eigenschaften zu bearbeiten. Es bleibt leer, bis du etwas auswählst.",[17,57,58,61],{},[20,59,60],{},"Layer Panel",": rechts. Die gestapelte Liste aller Elemente deines Designs.",[10,63,64],{},[65,66],"img",{"alt":67,"src":68},"","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Faf56a551-c2e8-4f09-fc9f-cd6314d37e00\u002Fmax",[70,71,73],"h2",{"id":72},"design-elemente-erstellen","Design-Elemente erstellen",[10,75,76,77,79,80,82,83,85,86,43],{},"Wähle ein Werkzeug aus der ",[20,78,22],{}," (Bild, Text, Form oder Pfad) und zeichne es dann auf die ",[20,81,48],{},". Wenn ein Element ausgewählt ist, erscheinen seine Optionen im ",[20,84,54],{},". Was die einzelnen Typen können, erfährst du unter ",[25,87,89],{"href":88},"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements","Design-Elemente",[10,91,92],{},[65,93],{"alt":67,"src":94},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F2f22842b-9584-49e2-1eef-f5c872091b00\u002Fmax",[70,96,98],{"id":97},"inputfelder-hinzufügen","Inputfelder hinzufügen",[10,100,101,102,105,106,43],{},"Inputfelder sind die Steuerelemente, die deine Endnutzer im veröffentlichten Design Generator sehen. Um eines zu erstellen, mache eine Eigenschaft eines Elements mit ",[20,103,104],{},"Add Input Field"," in der Toolbar verfügbar. Siehe ",[25,107,98],{"href":108},"\u002Fhelp\u002Finput-fields\u002Fadding-input-fields",[10,110,111],{},[65,112],{"alt":67,"src":113},"https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F09b7db0b-4e8b-4cac-a840-8f10a288c900\u002Fpublic",[70,115,117],{"id":116},"inputfelder-verwalten","Inputfelder verwalten",[10,119,120,121,124,125,43],{},"Klicke in der Toolbar auf ",[20,122,123],{},"Show Input Fields",", um die Liste all deiner Inputfelder zu öffnen, in der du sie neu anordnen, bearbeiten und entfernen kannst. Details findest du im Bereich ",[25,126,38],{"href":37},{"title":67,"searchDepth":128,"depth":128,"links":129},2,[130,131,132],{"id":72,"depth":128,"text":73},{"id":97,"depth":128,"text":98},{"id":116,"depth":128,"text":117},"design-elements-and-tools","Finde dich im Template-Editor zurecht und lerne die Grundlagen: die vier Bereiche, das Erstellen von Design-Elementen und das Hinzufügen von Inputfeldern.","md",[],{},true,10,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Ftemplate-editor-basics.de","---\ntitle: \"Template-Editor (Grundlagen)\"\ndescription: \"Finde dich im Template-Editor zurecht und lerne die Grundlagen: die vier Bereiche, das Erstellen von Design-Elementen und das Hinzufügen von Inputfeldern.\"\ncategory: design-elements-and-tools\norder: 10\nkeywords: []\n---\nDer Template-Editor besteht aus vier Hauptbereichen.\n\n- **Toolbar**: die Leiste am oberen Rand. Sie enthält deine Werkzeuge zum Hinzufügen von Elementen, die [Design-Werkzeuge](\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-tools) zum Positionieren, das [Layout-Raster](\u002Fhelp\u002Fdesign-elements-and-tools\u002Flayout-grid), [Inputfelder](\u002Fhelp\u002Finput-fields), Undo und Redo, deinen Speicherstatus und **Publish**.\n- **Leinwand**: der Bereich in der Mitte, in dem dein Design liegt und in dem du Elemente anordnest.\n- **Property Panel**: links. Wähle ein Element aus, um hier seine Eigenschaften zu bearbeiten. Es bleibt leer, bis du etwas auswählst.\n- **Layer Panel**: rechts. Die gestapelte Liste aller Elemente deines Designs.\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Faf56a551-c2e8-4f09-fc9f-cd6314d37e00\u002Fmax)\n\n## Design-Elemente erstellen\n\nWähle ein Werkzeug aus der **Toolbar** (Bild, Text, Form oder Pfad) und zeichne es dann auf die **Leinwand**. Wenn ein Element ausgewählt ist, erscheinen seine Optionen im **Property Panel**. Was die einzelnen Typen können, erfährst du unter [Design-Elemente](\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements).\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F2f22842b-9584-49e2-1eef-f5c872091b00\u002Fmax)\n\n## Inputfelder hinzufügen\n\nInputfelder sind die Steuerelemente, die deine Endnutzer im veröffentlichten Design Generator sehen. Um eines zu erstellen, mache eine Eigenschaft eines Elements mit **Add Input Field** in der Toolbar verfügbar. Siehe [Inputfelder hinzufügen](\u002Fhelp\u002Finput-fields\u002Fadding-input-fields).\n\n![](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002F09b7db0b-4e8b-4cac-a840-8f10a288c900\u002Fpublic)\n\n## Inputfelder verwalten\n\nKlicke in der Toolbar auf **Show Input Fields**, um die Liste all deiner Inputfelder zu öffnen, in der du sie neu anordnen, bearbeiten und entfernen kannst. Details findest du im Bereich [Inputfelder](\u002Fhelp\u002Finput-fields).\n",{"title":5,"description":134},"help\u002Fdesign-elements-and-tools\u002Ftemplate-editor-basics.de","2026-06-10","nASKPWmcty9Etiq6c-sUtBKq-aQt8m2rIR3ZqPxeUz8",1789292813133]