github.com/rpdict/ponzu@v0.10.1-0.20190226054626-477f29d6bf5e/docs/build/Form-Fields/HTML-Inputs/index.html (about) 1 2 <!DOCTYPE html> 3 <html lang="en" class="no-js"> 4 <head> 5 6 <meta charset="utf-8"> 7 <meta name="viewport" content="width=device-width,initial-scale=1"> 8 9 10 11 12 <link rel="shortcut icon" href="../../assets/images/favicon.png"> 13 14 <meta name="generator" content="mkdocs-0.16.3, mkdocs-material-1.6.1"> 15 16 17 18 <title>HTML Input Elements for Ponzu Editor Forms</title> 19 20 21 22 <script src="../../assets/javascripts/modernizr-56ade86843.js"></script> 23 24 25 <link rel="stylesheet" href="../../assets/stylesheets/application-4d0d3f2fbf.css"> 26 27 <link rel="stylesheet" href="../../assets/stylesheets/application-f78e5cb881.palette.css"> 28 29 30 31 32 33 34 35 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700|Roboto+Mono"> 36 <style>body,input{font-family:"Roboto","Helvetica Neue",Helvetica,Arial,sans-serif}code,kbd,pre{font-family:"Roboto Mono","Courier New",Courier,monospace}</style> 37 38 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> 39 40 41 42 </head> 43 44 45 46 47 <body data-md-color-primary="grey" data-md-color-accent="light-blue"> 48 49 <svg class="md-svg"> 50 <defs> 51 52 53 <svg xmlns="http://www.w3.org/2000/svg" width="416" height="448" viewBox="0 0 416 448" id="github"><path fill="currentColor" d="M160 304q0 10-3.125 20.5t-10.75 19T128 352t-18.125-8.5-10.75-19T96 304t3.125-20.5 10.75-19T128 256t18.125 8.5 10.75 19T160 304zm160 0q0 10-3.125 20.5t-10.75 19T288 352t-18.125-8.5-10.75-19T256 304t3.125-20.5 10.75-19T288 256t18.125 8.5 10.75 19T320 304zm40 0q0-30-17.25-51T296 232q-10.25 0-48.75 5.25Q229.5 240 208 240t-39.25-2.75Q130.75 232 120 232q-29.5 0-46.75 21T56 304q0 22 8 38.375t20.25 25.75 30.5 15 35 7.375 37.25 1.75h42q20.5 0 37.25-1.75t35-7.375 30.5-15 20.25-25.75T360 304zm56-44q0 51.75-15.25 82.75-9.5 19.25-26.375 33.25t-35.25 21.5-42.5 11.875-42.875 5.5T212 416q-19.5 0-35.5-.75t-36.875-3.125-38.125-7.5-34.25-12.875T37 371.5t-21.5-28.75Q0 312 0 260q0-59.25 34-99-6.75-20.5-6.75-42.5 0-29 12.75-54.5 27 0 47.5 9.875t47.25 30.875Q171.5 96 212 96q37 0 70 8 26.25-20.5 46.75-30.25T376 64q12.75 25.5 12.75 54.5 0 21.75-6.75 42 34 40 34 99.5z"/></svg> 54 55 </defs> 56 </svg> 57 <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="drawer"> 58 <input class="md-toggle" data-md-toggle="search" type="checkbox" id="search"> 59 <label class="md-overlay" data-md-component="overlay" for="drawer"></label> 60 61 <header class="md-header" data-md-component="header"> 62 <nav class="md-header-nav md-grid"> 63 <div class="md-flex"> 64 <div class="md-flex__cell md-flex__cell--shrink"> 65 66 <a href="../.." title="Ponzu" class="md-logo md-header-nav__button"> 67 <img src="../../images/logo.png" width="24" height="24"> 68 </a> 69 70 </div> 71 <div class="md-flex__cell md-flex__cell--shrink"> 72 <label class="md-icon md-icon--menu md-header-nav__button" for="drawer"></label> 73 </div> 74 <div class="md-flex__cell md-flex__cell--stretch"> 75 <span class="md-flex__ellipsis md-header-nav__title"> 76 77 78 79 <span class="md-header-nav__parent"> 80 Form Fields 81 </span> 82 83 84 HTML Inputs 85 86 </span> 87 </div> 88 <div class="md-flex__cell md-flex__cell--shrink"> 89 90 <label class="md-icon md-icon--search md-header-nav__button" for="search"></label> 91 92 <div class="md-search" data-md-component="search"> 93 <label class="md-search__overlay" for="search"></label> 94 <div class="md-search__inner"> 95 <form class="md-search__form" name="search"> 96 <input type="text" class="md-search__input" name="query" required placeholder="Search" accesskey="s" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="query"> 97 <label class="md-icon md-search__icon" for="search"></label> 98 <button type="reset" class="md-icon md-search__icon" data-md-component="reset">close</button> 99 </form> 100 <div class="md-search__output"> 101 <div class="md-search__scrollwrap" data-md-scrollfix> 102 <div class="md-search-result" data-md-component="result"> 103 <div class="md-search-result__meta" data-md-lang-result-none="No matching documents" data-md-lang-result-one="1 matching document" data-md-lang-result-other="# matching documents"> 104 Type to start searching 105 </div> 106 <ol class="md-search-result__list"></ol> 107 </div> 108 </div> 109 </div> 110 </div> 111 </div> 112 113 </div> 114 <div class="md-flex__cell md-flex__cell--shrink"> 115 <div class="md-header-nav__source"> 116 117 118 119 120 121 122 123 <a href="https://github.com/rpdict/ponzu" title="Go to repository" class="md-source" data-md-source="github"> 124 125 <div class="md-source__icon"> 126 <svg viewBox="0 0 24 24" width="24" height="24"> 127 <use xlink:href="#github" width="24" height="24"></use> 128 </svg> 129 </div> 130 131 <div class="md-source__repository"> 132 ponzu-cms/ponzu 133 </div> 134 </a> 135 136 137 </div> 138 </div> 139 </div> 140 </nav> 141 </header> 142 143 <div class="md-container"> 144 145 146 <main class="md-main"> 147 <div class="md-main__inner md-grid" data-md-component="container"> 148 149 150 <div class="md-sidebar md-sidebar--primary" data-md-component="navigation"> 151 <div class="md-sidebar__scrollwrap"> 152 <div class="md-sidebar__inner"> 153 <nav class="md-nav md-nav--primary" data-md-level="0"> 154 <label class="md-nav__title md-nav__title--site" for="drawer"> 155 156 <i class="md-logo md-nav__button"> 157 <img src="../../images/logo.png"> 158 </i> 159 160 Ponzu 161 </label> 162 163 <div class="md-nav__source"> 164 165 166 167 168 169 170 <a href="https://github.com/rpdict/ponzu" title="Go to repository" class="md-source" data-md-source="github"> 171 172 <div class="md-source__icon"> 173 <svg viewBox="0 0 24 24" width="24" height="24"> 174 <use xlink:href="#github" width="24" height="24"></use> 175 </svg> 176 </div> 177 178 <div class="md-source__repository"> 179 ponzu-cms/ponzu 180 </div> 181 </a> 182 183 </div> 184 185 <ul class="md-nav__list" data-md-scrollfix> 186 187 188 189 190 191 192 <li class="md-nav__item"> 193 <a href="../.." title="Home" class="md-nav__link"> 194 Home 195 </a> 196 </li> 197 198 199 200 201 202 203 204 <li class="md-nav__item md-nav__item--nested"> 205 206 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-2" type="checkbox" id="nav-2"> 207 208 <label class="md-nav__link" for="nav-2"> 209 CLI 210 </label> 211 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 212 <label class="md-nav__title" for="nav-2"> 213 CLI 214 </label> 215 <ul class="md-nav__list" data-md-scrollfix> 216 217 218 219 220 221 222 223 <li class="md-nav__item"> 224 <a href="../../CLI/General-Usage/" title="General Usage" class="md-nav__link"> 225 General Usage 226 </a> 227 </li> 228 229 230 231 232 233 234 235 <li class="md-nav__item"> 236 <a href="../../CLI/Generating-References/" title="Generating References" class="md-nav__link"> 237 Generating References 238 </a> 239 </li> 240 241 242 </ul> 243 </nav> 244 </li> 245 246 247 248 249 250 251 252 <li class="md-nav__item md-nav__item--nested"> 253 254 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-3" type="checkbox" id="nav-3"> 255 256 <label class="md-nav__link" for="nav-3"> 257 Content 258 </label> 259 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 260 <label class="md-nav__title" for="nav-3"> 261 Content 262 </label> 263 <ul class="md-nav__list" data-md-scrollfix> 264 265 266 267 268 269 270 271 <li class="md-nav__item"> 272 <a href="../../Content/An-Overview/" title="An Overview" class="md-nav__link"> 273 An Overview 274 </a> 275 </li> 276 277 278 279 280 281 282 283 <li class="md-nav__item"> 284 <a href="../../Content/Extending-Content/" title="Extending Content" class="md-nav__link"> 285 Extending Content 286 </a> 287 </li> 288 289 290 </ul> 291 </nav> 292 </li> 293 294 295 296 297 298 299 300 301 302 <li class="md-nav__item md-nav__item--active md-nav__item--nested"> 303 304 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-4" type="checkbox" id="nav-4" checked> 305 306 <label class="md-nav__link" for="nav-4"> 307 Form Fields 308 </label> 309 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 310 <label class="md-nav__title" for="nav-4"> 311 Form Fields 312 </label> 313 <ul class="md-nav__list" data-md-scrollfix> 314 315 316 317 318 319 320 321 322 323 <li class="md-nav__item md-nav__item--active"> 324 325 <input class="md-toggle md-nav__toggle" data-md-toggle="toc" type="checkbox" id="toc"> 326 327 328 <label class="md-nav__link md-nav__link--active" for="toc"> 329 HTML Inputs 330 </label> 331 332 <a href="./" title="HTML Inputs" class="md-nav__link md-nav__link--active"> 333 HTML Inputs 334 </a> 335 336 337 <nav class="md-nav md-nav--secondary"> 338 339 340 341 <label class="md-nav__title" for="toc">Table of contents</label> 342 <ul class="md-nav__list" data-md-scrollfix> 343 344 <li class="md-nav__item"> 345 <a href="#field-input-functions" title="Field Input Functions" class="md-nav__link"> 346 Field Input Functions 347 </a> 348 349 <nav class="md-nav"> 350 <ul class="md-nav__list"> 351 352 <li class="md-nav__item"> 353 <a href="#editorinput" title="editor.Input" class="md-nav__link"> 354 editor.Input 355 </a> 356 357 <nav class="md-nav"> 358 <ul class="md-nav__list"> 359 360 <li class="md-nav__item"> 361 <a href="#screenshot" title="Screenshot" class="md-nav__link"> 362 Screenshot 363 </a> 364 365 </li> 366 367 <li class="md-nav__item"> 368 <a href="#function-signature" title="Function Signature" class="md-nav__link"> 369 Function Signature 370 </a> 371 372 </li> 373 374 <li class="md-nav__item"> 375 <a href="#example" title="Example" class="md-nav__link"> 376 Example 377 </a> 378 379 </li> 380 381 </ul> 382 </nav> 383 384 </li> 385 386 <li class="md-nav__item"> 387 <a href="#editorinputrepeater" title="editor.InputRepeater" class="md-nav__link"> 388 editor.InputRepeater 389 </a> 390 391 <nav class="md-nav"> 392 <ul class="md-nav__list"> 393 394 <li class="md-nav__item"> 395 <a href="#screenshot_1" title="Screenshot" class="md-nav__link"> 396 Screenshot 397 </a> 398 399 </li> 400 401 <li class="md-nav__item"> 402 <a href="#function-signature_1" title="Function Signature" class="md-nav__link"> 403 Function Signature 404 </a> 405 406 </li> 407 408 <li class="md-nav__item"> 409 <a href="#example_1" title="Example" class="md-nav__link"> 410 Example 411 </a> 412 413 </li> 414 415 </ul> 416 </nav> 417 418 </li> 419 420 <li class="md-nav__item"> 421 <a href="#editorcheckbox" title="editor.Checkbox" class="md-nav__link"> 422 editor.Checkbox 423 </a> 424 425 <nav class="md-nav"> 426 <ul class="md-nav__list"> 427 428 <li class="md-nav__item"> 429 <a href="#screenshot_2" title="Screenshot" class="md-nav__link"> 430 Screenshot 431 </a> 432 433 </li> 434 435 <li class="md-nav__item"> 436 <a href="#function-signature_2" title="Function Signature" class="md-nav__link"> 437 Function Signature 438 </a> 439 440 </li> 441 442 <li class="md-nav__item"> 443 <a href="#example_2" title="Example" class="md-nav__link"> 444 Example 445 </a> 446 447 </li> 448 449 </ul> 450 </nav> 451 452 </li> 453 454 <li class="md-nav__item"> 455 <a href="#editorrichtext" title="editor.Richtext" class="md-nav__link"> 456 editor.Richtext 457 </a> 458 459 <nav class="md-nav"> 460 <ul class="md-nav__list"> 461 462 <li class="md-nav__item"> 463 <a href="#screenshot_3" title="Screenshot" class="md-nav__link"> 464 Screenshot 465 </a> 466 467 </li> 468 469 <li class="md-nav__item"> 470 <a href="#function-signature_3" title="Function Signature" class="md-nav__link"> 471 Function Signature 472 </a> 473 474 </li> 475 476 <li class="md-nav__item"> 477 <a href="#example_3" title="Example" class="md-nav__link"> 478 Example 479 </a> 480 481 </li> 482 483 </ul> 484 </nav> 485 486 </li> 487 488 <li class="md-nav__item"> 489 <a href="#editortags" title="editor.Tags" class="md-nav__link"> 490 editor.Tags 491 </a> 492 493 <nav class="md-nav"> 494 <ul class="md-nav__list"> 495 496 <li class="md-nav__item"> 497 <a href="#screenshot_4" title="Screenshot" class="md-nav__link"> 498 Screenshot 499 </a> 500 501 </li> 502 503 <li class="md-nav__item"> 504 <a href="#function-signature_4" title="Function Signature" class="md-nav__link"> 505 Function Signature 506 </a> 507 508 </li> 509 510 <li class="md-nav__item"> 511 <a href="#example_4" title="Example" class="md-nav__link"> 512 Example 513 </a> 514 515 </li> 516 517 </ul> 518 </nav> 519 520 </li> 521 522 <li class="md-nav__item"> 523 <a href="#editorfile" title="editor.File" class="md-nav__link"> 524 editor.File 525 </a> 526 527 <nav class="md-nav"> 528 <ul class="md-nav__list"> 529 530 <li class="md-nav__item"> 531 <a href="#screenshot_5" title="Screenshot" class="md-nav__link"> 532 Screenshot 533 </a> 534 535 </li> 536 537 <li class="md-nav__item"> 538 <a href="#function-signature_5" title="Function Signature" class="md-nav__link"> 539 Function Signature 540 </a> 541 542 </li> 543 544 <li class="md-nav__item"> 545 <a href="#example_5" title="Example" class="md-nav__link"> 546 Example 547 </a> 548 549 </li> 550 551 </ul> 552 </nav> 553 554 </li> 555 556 <li class="md-nav__item"> 557 <a href="#editorfilerepeater" title="editor.FileRepeater" class="md-nav__link"> 558 editor.FileRepeater 559 </a> 560 561 <nav class="md-nav"> 562 <ul class="md-nav__list"> 563 564 <li class="md-nav__item"> 565 <a href="#screenshot_6" title="Screenshot" class="md-nav__link"> 566 Screenshot 567 </a> 568 569 </li> 570 571 <li class="md-nav__item"> 572 <a href="#function-signature_6" title="Function Signature" class="md-nav__link"> 573 Function Signature 574 </a> 575 576 </li> 577 578 <li class="md-nav__item"> 579 <a href="#example_6" title="Example" class="md-nav__link"> 580 Example 581 </a> 582 583 </li> 584 585 </ul> 586 </nav> 587 588 </li> 589 590 <li class="md-nav__item"> 591 <a href="#editorselect" title="editor.Select" class="md-nav__link"> 592 editor.Select 593 </a> 594 595 <nav class="md-nav"> 596 <ul class="md-nav__list"> 597 598 <li class="md-nav__item"> 599 <a href="#screenshot_7" title="Screenshot" class="md-nav__link"> 600 Screenshot 601 </a> 602 603 </li> 604 605 <li class="md-nav__item"> 606 <a href="#function-signature_7" title="Function Signature" class="md-nav__link"> 607 Function Signature 608 </a> 609 610 </li> 611 612 <li class="md-nav__item"> 613 <a href="#example_7" title="Example" class="md-nav__link"> 614 Example 615 </a> 616 617 </li> 618 619 </ul> 620 </nav> 621 622 </li> 623 624 <li class="md-nav__item"> 625 <a href="#editorselectrepeater" title="editor.SelectRepeater" class="md-nav__link"> 626 editor.SelectRepeater 627 </a> 628 629 <nav class="md-nav"> 630 <ul class="md-nav__list"> 631 632 <li class="md-nav__item"> 633 <a href="#screenshot_8" title="Screenshot" class="md-nav__link"> 634 Screenshot 635 </a> 636 637 </li> 638 639 <li class="md-nav__item"> 640 <a href="#function-signature_8" title="Function Signature" class="md-nav__link"> 641 Function Signature 642 </a> 643 644 </li> 645 646 <li class="md-nav__item"> 647 <a href="#example_8" title="Example" class="md-nav__link"> 648 Example 649 </a> 650 651 </li> 652 653 </ul> 654 </nav> 655 656 </li> 657 658 <li class="md-nav__item"> 659 <a href="#editortextarea" title="editor.Textarea" class="md-nav__link"> 660 editor.Textarea 661 </a> 662 663 <nav class="md-nav"> 664 <ul class="md-nav__list"> 665 666 <li class="md-nav__item"> 667 <a href="#screenshot_9" title="Screenshot" class="md-nav__link"> 668 Screenshot 669 </a> 670 671 </li> 672 673 <li class="md-nav__item"> 674 <a href="#function-signature_9" title="Function Signature" class="md-nav__link"> 675 Function Signature 676 </a> 677 678 </li> 679 680 <li class="md-nav__item"> 681 <a href="#example_9" title="Example" class="md-nav__link"> 682 Example 683 </a> 684 685 </li> 686 687 </ul> 688 </nav> 689 690 </li> 691 692 </ul> 693 </nav> 694 695 </li> 696 697 <li class="md-nav__item"> 698 <a href="#data-references" title="Data References" class="md-nav__link"> 699 Data References 700 </a> 701 702 <nav class="md-nav"> 703 <ul class="md-nav__list"> 704 705 <li class="md-nav__item"> 706 <a href="#referenceselect" title="reference.Select" class="md-nav__link"> 707 reference.Select 708 </a> 709 710 <nav class="md-nav"> 711 <ul class="md-nav__list"> 712 713 <li class="md-nav__item"> 714 <a href="#screenshot_10" title="Screenshot" class="md-nav__link"> 715 Screenshot 716 </a> 717 718 </li> 719 720 <li class="md-nav__item"> 721 <a href="#function-signature_10" title="Function Signature" class="md-nav__link"> 722 Function Signature 723 </a> 724 725 </li> 726 727 <li class="md-nav__item"> 728 <a href="#example_10" title="Example" class="md-nav__link"> 729 Example 730 </a> 731 732 </li> 733 734 </ul> 735 </nav> 736 737 </li> 738 739 <li class="md-nav__item"> 740 <a href="#referenceselectrepeater" title="reference.SelectRepeater" class="md-nav__link"> 741 reference.SelectRepeater 742 </a> 743 744 <nav class="md-nav"> 745 <ul class="md-nav__list"> 746 747 <li class="md-nav__item"> 748 <a href="#screenshot_11" title="Screenshot" class="md-nav__link"> 749 Screenshot 750 </a> 751 752 </li> 753 754 <li class="md-nav__item"> 755 <a href="#function-signature_11" title="Function Signature" class="md-nav__link"> 756 Function Signature 757 </a> 758 759 </li> 760 761 <li class="md-nav__item"> 762 <a href="#example_11" title="Example" class="md-nav__link"> 763 Example 764 </a> 765 766 </li> 767 768 </ul> 769 </nav> 770 771 </li> 772 773 </ul> 774 </nav> 775 776 </li> 777 778 779 780 </ul> 781 782 </nav> 783 784 </li> 785 786 787 </ul> 788 </nav> 789 </li> 790 791 792 793 794 795 796 797 <li class="md-nav__item md-nav__item--nested"> 798 799 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-5" type="checkbox" id="nav-5"> 800 801 <label class="md-nav__link" for="nav-5"> 802 HTTP APIs 803 </label> 804 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 805 <label class="md-nav__title" for="nav-5"> 806 HTTP APIs 807 </label> 808 <ul class="md-nav__list" data-md-scrollfix> 809 810 811 812 813 814 815 816 <li class="md-nav__item"> 817 <a href="../../HTTP-APIs/Content/" title="Content" class="md-nav__link"> 818 Content 819 </a> 820 </li> 821 822 823 824 825 826 827 828 <li class="md-nav__item"> 829 <a href="../../HTTP-APIs/File-Metadata/" title="File Metadata" class="md-nav__link"> 830 File Metadata 831 </a> 832 </li> 833 834 835 836 837 838 839 840 <li class="md-nav__item"> 841 <a href="../../HTTP-APIs/Search/" title="Search" class="md-nav__link"> 842 Search 843 </a> 844 </li> 845 846 847 </ul> 848 </nav> 849 </li> 850 851 852 853 854 855 856 857 <li class="md-nav__item md-nav__item--nested"> 858 859 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-6" type="checkbox" id="nav-6"> 860 861 <label class="md-nav__link" for="nav-6"> 862 Interfaces 863 </label> 864 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 865 <label class="md-nav__title" for="nav-6"> 866 Interfaces 867 </label> 868 <ul class="md-nav__list" data-md-scrollfix> 869 870 871 872 873 874 875 876 <li class="md-nav__item"> 877 <a href="../../Interfaces/API/" title="API" class="md-nav__link"> 878 API 879 </a> 880 </li> 881 882 883 884 885 886 887 888 <li class="md-nav__item"> 889 <a href="../../Interfaces/Editor/" title="Editor" class="md-nav__link"> 890 Editor 891 </a> 892 </li> 893 894 895 896 897 898 899 900 <li class="md-nav__item"> 901 <a href="../../Interfaces/Format/" title="Format" class="md-nav__link"> 902 Format 903 </a> 904 </li> 905 906 907 908 909 910 911 912 <li class="md-nav__item"> 913 <a href="../../Interfaces/Item/" title="Item" class="md-nav__link"> 914 Item 915 </a> 916 </li> 917 918 919 920 921 922 923 924 <li class="md-nav__item"> 925 <a href="../../Interfaces/Search/" title="Search" class="md-nav__link"> 926 Search 927 </a> 928 </li> 929 930 931 </ul> 932 </nav> 933 </li> 934 935 936 937 938 939 940 941 <li class="md-nav__item md-nav__item--nested"> 942 943 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-7" type="checkbox" id="nav-7"> 944 945 <label class="md-nav__link" for="nav-7"> 946 Ponzu Addons 947 </label> 948 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 949 <label class="md-nav__title" for="nav-7"> 950 Ponzu Addons 951 </label> 952 <ul class="md-nav__list" data-md-scrollfix> 953 954 955 956 957 958 959 960 <li class="md-nav__item"> 961 <a href="../../Ponzu-Addons/Creating-Addons/" title="Creating Addons" class="md-nav__link"> 962 Creating Addons 963 </a> 964 </li> 965 966 967 968 969 970 971 972 <li class="md-nav__item"> 973 <a href="../../Ponzu-Addons/Using-Addons/" title="Using Addons" class="md-nav__link"> 974 Using Addons 975 </a> 976 </li> 977 978 979 </ul> 980 </nav> 981 </li> 982 983 984 985 986 987 988 989 <li class="md-nav__item md-nav__item--nested"> 990 991 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-8" type="checkbox" id="nav-8"> 992 993 <label class="md-nav__link" for="nav-8"> 994 Quickstart 995 </label> 996 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 997 <label class="md-nav__title" for="nav-8"> 998 Quickstart 999 </label> 1000 <ul class="md-nav__list" data-md-scrollfix> 1001 1002 1003 1004 1005 1006 1007 1008 <li class="md-nav__item"> 1009 <a href="../../Quickstart/Overview/" title="Overview" class="md-nav__link"> 1010 Overview 1011 </a> 1012 </li> 1013 1014 1015 </ul> 1016 </nav> 1017 </li> 1018 1019 1020 1021 1022 1023 1024 1025 <li class="md-nav__item md-nav__item--nested"> 1026 1027 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-9" type="checkbox" id="nav-9"> 1028 1029 <label class="md-nav__link" for="nav-9"> 1030 References 1031 </label> 1032 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 1033 <label class="md-nav__title" for="nav-9"> 1034 References 1035 </label> 1036 <ul class="md-nav__list" data-md-scrollfix> 1037 1038 1039 1040 1041 1042 1043 1044 <li class="md-nav__item"> 1045 <a href="../../References/Overview/" title="Overview" class="md-nav__link"> 1046 Overview 1047 </a> 1048 </li> 1049 1050 1051 </ul> 1052 </nav> 1053 </li> 1054 1055 1056 1057 1058 1059 1060 1061 <li class="md-nav__item md-nav__item--nested"> 1062 1063 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-10" type="checkbox" id="nav-10"> 1064 1065 <label class="md-nav__link" for="nav-10"> 1066 Running Backups 1067 </label> 1068 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 1069 <label class="md-nav__title" for="nav-10"> 1070 Running Backups 1071 </label> 1072 <ul class="md-nav__list" data-md-scrollfix> 1073 1074 1075 1076 1077 1078 1079 1080 <li class="md-nav__item"> 1081 <a href="../../Running-Backups/Backups/" title="Backups" class="md-nav__link"> 1082 Backups 1083 </a> 1084 </li> 1085 1086 1087 </ul> 1088 </nav> 1089 </li> 1090 1091 1092 1093 1094 1095 1096 1097 <li class="md-nav__item md-nav__item--nested"> 1098 1099 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-11" type="checkbox" id="nav-11"> 1100 1101 <label class="md-nav__link" for="nav-11"> 1102 System Configuration 1103 </label> 1104 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 1105 <label class="md-nav__title" for="nav-11"> 1106 System Configuration 1107 </label> 1108 <ul class="md-nav__list" data-md-scrollfix> 1109 1110 1111 1112 1113 1114 1115 1116 <li class="md-nav__item"> 1117 <a href="../../System-Configuration/Settings/" title="Settings" class="md-nav__link"> 1118 Settings 1119 </a> 1120 </li> 1121 1122 1123 </ul> 1124 </nav> 1125 </li> 1126 1127 1128 1129 1130 1131 1132 1133 <li class="md-nav__item md-nav__item--nested"> 1134 1135 <input class="md-toggle md-nav__toggle" data-md-toggle="nav-12" type="checkbox" id="nav-12"> 1136 1137 <label class="md-nav__link" for="nav-12"> 1138 System Deployment 1139 </label> 1140 <nav class="md-nav" data-md-component="collapsible" data-md-level="1"> 1141 <label class="md-nav__title" for="nav-12"> 1142 System Deployment 1143 </label> 1144 <ul class="md-nav__list" data-md-scrollfix> 1145 1146 1147 1148 1149 1150 1151 1152 <li class="md-nav__item"> 1153 <a href="../../System-Deployment/Docker/" title="Docker" class="md-nav__link"> 1154 Docker 1155 </a> 1156 </li> 1157 1158 1159 1160 1161 1162 1163 1164 <li class="md-nav__item"> 1165 <a href="../../System-Deployment/SysV-Style/" title="SysV Style" class="md-nav__link"> 1166 SysV Style 1167 </a> 1168 </li> 1169 1170 1171 </ul> 1172 </nav> 1173 </li> 1174 1175 1176 </ul> 1177 </nav> 1178 </div> 1179 </div> 1180 </div> 1181 1182 1183 <div class="md-sidebar md-sidebar--secondary" data-md-component="toc"> 1184 <div class="md-sidebar__scrollwrap"> 1185 <div class="md-sidebar__inner"> 1186 1187 <nav class="md-nav md-nav--secondary"> 1188 1189 1190 1191 <label class="md-nav__title" for="toc">Table of contents</label> 1192 <ul class="md-nav__list" data-md-scrollfix> 1193 1194 <li class="md-nav__item"> 1195 <a href="#field-input-functions" title="Field Input Functions" class="md-nav__link"> 1196 Field Input Functions 1197 </a> 1198 1199 <nav class="md-nav"> 1200 <ul class="md-nav__list"> 1201 1202 <li class="md-nav__item"> 1203 <a href="#editorinput" title="editor.Input" class="md-nav__link"> 1204 editor.Input 1205 </a> 1206 1207 <nav class="md-nav"> 1208 <ul class="md-nav__list"> 1209 1210 <li class="md-nav__item"> 1211 <a href="#screenshot" title="Screenshot" class="md-nav__link"> 1212 Screenshot 1213 </a> 1214 1215 </li> 1216 1217 <li class="md-nav__item"> 1218 <a href="#function-signature" title="Function Signature" class="md-nav__link"> 1219 Function Signature 1220 </a> 1221 1222 </li> 1223 1224 <li class="md-nav__item"> 1225 <a href="#example" title="Example" class="md-nav__link"> 1226 Example 1227 </a> 1228 1229 </li> 1230 1231 </ul> 1232 </nav> 1233 1234 </li> 1235 1236 <li class="md-nav__item"> 1237 <a href="#editorinputrepeater" title="editor.InputRepeater" class="md-nav__link"> 1238 editor.InputRepeater 1239 </a> 1240 1241 <nav class="md-nav"> 1242 <ul class="md-nav__list"> 1243 1244 <li class="md-nav__item"> 1245 <a href="#screenshot_1" title="Screenshot" class="md-nav__link"> 1246 Screenshot 1247 </a> 1248 1249 </li> 1250 1251 <li class="md-nav__item"> 1252 <a href="#function-signature_1" title="Function Signature" class="md-nav__link"> 1253 Function Signature 1254 </a> 1255 1256 </li> 1257 1258 <li class="md-nav__item"> 1259 <a href="#example_1" title="Example" class="md-nav__link"> 1260 Example 1261 </a> 1262 1263 </li> 1264 1265 </ul> 1266 </nav> 1267 1268 </li> 1269 1270 <li class="md-nav__item"> 1271 <a href="#editorcheckbox" title="editor.Checkbox" class="md-nav__link"> 1272 editor.Checkbox 1273 </a> 1274 1275 <nav class="md-nav"> 1276 <ul class="md-nav__list"> 1277 1278 <li class="md-nav__item"> 1279 <a href="#screenshot_2" title="Screenshot" class="md-nav__link"> 1280 Screenshot 1281 </a> 1282 1283 </li> 1284 1285 <li class="md-nav__item"> 1286 <a href="#function-signature_2" title="Function Signature" class="md-nav__link"> 1287 Function Signature 1288 </a> 1289 1290 </li> 1291 1292 <li class="md-nav__item"> 1293 <a href="#example_2" title="Example" class="md-nav__link"> 1294 Example 1295 </a> 1296 1297 </li> 1298 1299 </ul> 1300 </nav> 1301 1302 </li> 1303 1304 <li class="md-nav__item"> 1305 <a href="#editorrichtext" title="editor.Richtext" class="md-nav__link"> 1306 editor.Richtext 1307 </a> 1308 1309 <nav class="md-nav"> 1310 <ul class="md-nav__list"> 1311 1312 <li class="md-nav__item"> 1313 <a href="#screenshot_3" title="Screenshot" class="md-nav__link"> 1314 Screenshot 1315 </a> 1316 1317 </li> 1318 1319 <li class="md-nav__item"> 1320 <a href="#function-signature_3" title="Function Signature" class="md-nav__link"> 1321 Function Signature 1322 </a> 1323 1324 </li> 1325 1326 <li class="md-nav__item"> 1327 <a href="#example_3" title="Example" class="md-nav__link"> 1328 Example 1329 </a> 1330 1331 </li> 1332 1333 </ul> 1334 </nav> 1335 1336 </li> 1337 1338 <li class="md-nav__item"> 1339 <a href="#editortags" title="editor.Tags" class="md-nav__link"> 1340 editor.Tags 1341 </a> 1342 1343 <nav class="md-nav"> 1344 <ul class="md-nav__list"> 1345 1346 <li class="md-nav__item"> 1347 <a href="#screenshot_4" title="Screenshot" class="md-nav__link"> 1348 Screenshot 1349 </a> 1350 1351 </li> 1352 1353 <li class="md-nav__item"> 1354 <a href="#function-signature_4" title="Function Signature" class="md-nav__link"> 1355 Function Signature 1356 </a> 1357 1358 </li> 1359 1360 <li class="md-nav__item"> 1361 <a href="#example_4" title="Example" class="md-nav__link"> 1362 Example 1363 </a> 1364 1365 </li> 1366 1367 </ul> 1368 </nav> 1369 1370 </li> 1371 1372 <li class="md-nav__item"> 1373 <a href="#editorfile" title="editor.File" class="md-nav__link"> 1374 editor.File 1375 </a> 1376 1377 <nav class="md-nav"> 1378 <ul class="md-nav__list"> 1379 1380 <li class="md-nav__item"> 1381 <a href="#screenshot_5" title="Screenshot" class="md-nav__link"> 1382 Screenshot 1383 </a> 1384 1385 </li> 1386 1387 <li class="md-nav__item"> 1388 <a href="#function-signature_5" title="Function Signature" class="md-nav__link"> 1389 Function Signature 1390 </a> 1391 1392 </li> 1393 1394 <li class="md-nav__item"> 1395 <a href="#example_5" title="Example" class="md-nav__link"> 1396 Example 1397 </a> 1398 1399 </li> 1400 1401 </ul> 1402 </nav> 1403 1404 </li> 1405 1406 <li class="md-nav__item"> 1407 <a href="#editorfilerepeater" title="editor.FileRepeater" class="md-nav__link"> 1408 editor.FileRepeater 1409 </a> 1410 1411 <nav class="md-nav"> 1412 <ul class="md-nav__list"> 1413 1414 <li class="md-nav__item"> 1415 <a href="#screenshot_6" title="Screenshot" class="md-nav__link"> 1416 Screenshot 1417 </a> 1418 1419 </li> 1420 1421 <li class="md-nav__item"> 1422 <a href="#function-signature_6" title="Function Signature" class="md-nav__link"> 1423 Function Signature 1424 </a> 1425 1426 </li> 1427 1428 <li class="md-nav__item"> 1429 <a href="#example_6" title="Example" class="md-nav__link"> 1430 Example 1431 </a> 1432 1433 </li> 1434 1435 </ul> 1436 </nav> 1437 1438 </li> 1439 1440 <li class="md-nav__item"> 1441 <a href="#editorselect" title="editor.Select" class="md-nav__link"> 1442 editor.Select 1443 </a> 1444 1445 <nav class="md-nav"> 1446 <ul class="md-nav__list"> 1447 1448 <li class="md-nav__item"> 1449 <a href="#screenshot_7" title="Screenshot" class="md-nav__link"> 1450 Screenshot 1451 </a> 1452 1453 </li> 1454 1455 <li class="md-nav__item"> 1456 <a href="#function-signature_7" title="Function Signature" class="md-nav__link"> 1457 Function Signature 1458 </a> 1459 1460 </li> 1461 1462 <li class="md-nav__item"> 1463 <a href="#example_7" title="Example" class="md-nav__link"> 1464 Example 1465 </a> 1466 1467 </li> 1468 1469 </ul> 1470 </nav> 1471 1472 </li> 1473 1474 <li class="md-nav__item"> 1475 <a href="#editorselectrepeater" title="editor.SelectRepeater" class="md-nav__link"> 1476 editor.SelectRepeater 1477 </a> 1478 1479 <nav class="md-nav"> 1480 <ul class="md-nav__list"> 1481 1482 <li class="md-nav__item"> 1483 <a href="#screenshot_8" title="Screenshot" class="md-nav__link"> 1484 Screenshot 1485 </a> 1486 1487 </li> 1488 1489 <li class="md-nav__item"> 1490 <a href="#function-signature_8" title="Function Signature" class="md-nav__link"> 1491 Function Signature 1492 </a> 1493 1494 </li> 1495 1496 <li class="md-nav__item"> 1497 <a href="#example_8" title="Example" class="md-nav__link"> 1498 Example 1499 </a> 1500 1501 </li> 1502 1503 </ul> 1504 </nav> 1505 1506 </li> 1507 1508 <li class="md-nav__item"> 1509 <a href="#editortextarea" title="editor.Textarea" class="md-nav__link"> 1510 editor.Textarea 1511 </a> 1512 1513 <nav class="md-nav"> 1514 <ul class="md-nav__list"> 1515 1516 <li class="md-nav__item"> 1517 <a href="#screenshot_9" title="Screenshot" class="md-nav__link"> 1518 Screenshot 1519 </a> 1520 1521 </li> 1522 1523 <li class="md-nav__item"> 1524 <a href="#function-signature_9" title="Function Signature" class="md-nav__link"> 1525 Function Signature 1526 </a> 1527 1528 </li> 1529 1530 <li class="md-nav__item"> 1531 <a href="#example_9" title="Example" class="md-nav__link"> 1532 Example 1533 </a> 1534 1535 </li> 1536 1537 </ul> 1538 </nav> 1539 1540 </li> 1541 1542 </ul> 1543 </nav> 1544 1545 </li> 1546 1547 <li class="md-nav__item"> 1548 <a href="#data-references" title="Data References" class="md-nav__link"> 1549 Data References 1550 </a> 1551 1552 <nav class="md-nav"> 1553 <ul class="md-nav__list"> 1554 1555 <li class="md-nav__item"> 1556 <a href="#referenceselect" title="reference.Select" class="md-nav__link"> 1557 reference.Select 1558 </a> 1559 1560 <nav class="md-nav"> 1561 <ul class="md-nav__list"> 1562 1563 <li class="md-nav__item"> 1564 <a href="#screenshot_10" title="Screenshot" class="md-nav__link"> 1565 Screenshot 1566 </a> 1567 1568 </li> 1569 1570 <li class="md-nav__item"> 1571 <a href="#function-signature_10" title="Function Signature" class="md-nav__link"> 1572 Function Signature 1573 </a> 1574 1575 </li> 1576 1577 <li class="md-nav__item"> 1578 <a href="#example_10" title="Example" class="md-nav__link"> 1579 Example 1580 </a> 1581 1582 </li> 1583 1584 </ul> 1585 </nav> 1586 1587 </li> 1588 1589 <li class="md-nav__item"> 1590 <a href="#referenceselectrepeater" title="reference.SelectRepeater" class="md-nav__link"> 1591 reference.SelectRepeater 1592 </a> 1593 1594 <nav class="md-nav"> 1595 <ul class="md-nav__list"> 1596 1597 <li class="md-nav__item"> 1598 <a href="#screenshot_11" title="Screenshot" class="md-nav__link"> 1599 Screenshot 1600 </a> 1601 1602 </li> 1603 1604 <li class="md-nav__item"> 1605 <a href="#function-signature_11" title="Function Signature" class="md-nav__link"> 1606 Function Signature 1607 </a> 1608 1609 </li> 1610 1611 <li class="md-nav__item"> 1612 <a href="#example_11" title="Example" class="md-nav__link"> 1613 Example 1614 </a> 1615 1616 </li> 1617 1618 </ul> 1619 </nav> 1620 1621 </li> 1622 1623 </ul> 1624 </nav> 1625 1626 </li> 1627 1628 1629 1630 </ul> 1631 1632 </nav> 1633 </div> 1634 </div> 1635 </div> 1636 1637 1638 <div class="md-content"> 1639 <article class="md-content__inner md-typeset"> 1640 1641 1642 1643 <h1>HTML Inputs</h1> 1644 1645 <p>Ponzu provides a number of helpful HTML Inputs to create forms which CMS admins 1646 use to manage content. The input functions are typically used inside a Content 1647 type's <code>MarshalEditor()</code> func from within an <code>editor.Form()</code> - for example:</p> 1648 <div class="codehilite"><pre><span></span><span class="c1">// MarshalEditor writes a buffer of html to edit a Post within the CMS</span> 1649 <span class="c1">// and implements editor.Editable</span> 1650 <span class="kd">func</span> <span class="p">(</span><span class="nx">p</span> <span class="o">*</span><span class="nx">Post</span><span class="p">)</span> <span class="nx">MarshalEditor</span><span class="p">()</span> <span class="p">([]</span><span class="kt">byte</span><span class="p">,</span> <span class="kt">error</span><span class="p">)</span> <span class="p">{</span> 1651 <span class="nx">view</span><span class="p">,</span> <span class="nx">err</span> <span class="o">:=</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Form</span><span class="p">(</span><span class="nx">p</span><span class="p">,</span> 1652 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> <span class="c1">// <- editor.Fields contain input-like funcs</span> 1653 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Input</span><span class="p">(</span><span class="s">"Title"</span><span class="p">,</span> <span class="nx">p</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> <span class="c1">// <- makes a text input</span> 1654 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Title"</span><span class="p">,</span> 1655 <span class="s">"type"</span><span class="p">:</span> <span class="s">"text"</span><span class="p">,</span> 1656 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Title here"</span><span class="p">,</span> 1657 <span class="p">}),</span> 1658 <span class="p">},</span> 1659 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1660 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Richtext</span><span class="p">(</span><span class="s">"Body"</span><span class="p">,</span> <span class="nx">p</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> <span class="c1">// <- makes a WYSIWIG editor</span> 1661 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Body"</span><span class="p">,</span> 1662 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Body here"</span><span class="p">,</span> 1663 <span class="p">}),</span> 1664 <span class="p">},</span> 1665 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1666 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Input</span><span class="p">(</span><span class="s">"Author"</span><span class="p">,</span> <span class="nx">p</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1667 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Author"</span><span class="p">,</span> 1668 <span class="s">"type"</span><span class="p">:</span> <span class="s">"text"</span><span class="p">,</span> 1669 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Author here"</span><span class="p">,</span> 1670 <span class="p">}),</span> 1671 <span class="p">},</span> 1672 <span class="p">)</span> 1673 1674 <span class="k">if</span> <span class="nx">err</span> <span class="o">!=</span> <span class="kc">nil</span> <span class="p">{</span> 1675 <span class="k">return</span> <span class="kc">nil</span><span class="p">,</span> <span class="nx">fmt</span><span class="p">.</span><span class="nx">Errorf</span><span class="p">(</span><span class="s">"Failed to render Post editor view: %s"</span><span class="p">,</span> <span class="nx">err</span><span class="p">.</span><span class="nx">Error</span><span class="p">())</span> 1676 <span class="p">}</span> 1677 1678 <span class="k">return</span> <span class="nx">view</span><span class="p">,</span> <span class="kc">nil</span> 1679 <span class="p">}</span> 1680 </pre></div> 1681 1682 1683 <hr /> 1684 <h2 id="field-input-functions">Field Input Functions<a class="headerlink" href="#field-input-functions" title="Permanent link">¶</a></h2> 1685 <p>There are many of these input-like HTML view funcs exported from Ponzu's 1686 <code>management/editor</code> package. Below is a list of the built-in options:</p> 1687 <h3 id="editorinput"><code>editor.Input</code><a class="headerlink" href="#editorinput" title="Permanent link">¶</a></h3> 1688 <p>The <code>editor.Input</code> function produces a standard text input.</p> 1689 <h5 id="screenshot">Screenshot<a class="headerlink" href="#screenshot" title="Permanent link">¶</a></h5> 1690 <p><img alt="HTML Input" src="../../images/editor-input.png" /></p> 1691 <h5 id="function-signature">Function Signature<a class="headerlink" href="#function-signature" title="Permanent link">¶</a></h5> 1692 <div class="codehilite"><pre><span></span><span class="nx">Input</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span><span class="p">,</span> <span class="nx">options</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1693 </pre></div> 1694 1695 1696 <h5 id="example">Example<a class="headerlink" href="#example" title="Permanent link">¶</a></h5> 1697 <div class="codehilite"><pre><span></span><span class="o">...</span> 1698 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1699 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Input</span><span class="p">(</span><span class="s">"Title"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1700 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Title"</span><span class="p">,</span> 1701 <span class="s">"type"</span><span class="p">:</span> <span class="s">"text"</span><span class="p">,</span> 1702 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Title here"</span><span class="p">,</span> 1703 <span class="p">}),</span> 1704 <span class="p">},</span> 1705 <span class="o">...</span> 1706 </pre></div> 1707 1708 1709 <hr /> 1710 <h3 id="editorinputrepeater"><code>editor.InputRepeater</code><a class="headerlink" href="#editorinputrepeater" title="Permanent link">¶</a></h3> 1711 <p>The <code>editor.InputRepeater</code> function applies a controller UI to the <code>editor.Input</code> 1712 view so any arbitrary number of inputs can be added for your field.</p> 1713 <div class="admonition warning"> 1714 <p class="admonition-title">Using Repeaters</p> 1715 <p>When using the <code>editor.InputRepeater</code> make sure it's corresponding field is a <strong>slice <code>[]T</code></strong> 1716 type. You will experience errors if it is not.</p> 1717 </div> 1718 <h5 id="screenshot_1">Screenshot<a class="headerlink" href="#screenshot_1" title="Permanent link">¶</a></h5> 1719 <p><img alt="HTML Input" src="../../images/editor-input-repeater.png" /></p> 1720 <h5 id="function-signature_1">Function Signature<a class="headerlink" href="#function-signature_1" title="Permanent link">¶</a></h5> 1721 <div class="codehilite"><pre><span></span><span class="nx">InputRepeater</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span><span class="p">,</span> <span class="nx">options</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1722 </pre></div> 1723 1724 1725 <h5 id="example_1">Example<a class="headerlink" href="#example_1" title="Permanent link">¶</a></h5> 1726 <div class="codehilite"><pre><span></span><span class="o">...</span> 1727 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1728 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">InputRepeater</span><span class="p">(</span><span class="s">"Title"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1729 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Titles"</span><span class="p">,</span> 1730 <span class="s">"type"</span><span class="p">:</span> <span class="s">"text"</span><span class="p">,</span> 1731 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Title here"</span><span class="p">,</span> 1732 <span class="p">}),</span> 1733 <span class="p">},</span> 1734 <span class="o">...</span> 1735 </pre></div> 1736 1737 1738 <hr /> 1739 <h3 id="editorcheckbox"><code>editor.Checkbox</code><a class="headerlink" href="#editorcheckbox" title="Permanent link">¶</a></h3> 1740 <p>The <code>editor.Checkbox</code> function returns any number of checkboxes in a collection, 1741 defined by the value:name map of options.</p> 1742 <h5 id="screenshot_2">Screenshot<a class="headerlink" href="#screenshot_2" title="Permanent link">¶</a></h5> 1743 <p><img alt="HTML Checkbox" src="../../images/editor-checkbox.png" /></p> 1744 <h5 id="function-signature_2">Function Signature<a class="headerlink" href="#function-signature_2" title="Permanent link">¶</a></h5> 1745 <div class="codehilite"><pre><span></span><span class="nx">Checkbox</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span><span class="p">,</span> <span class="nx">options</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1746 </pre></div> 1747 1748 1749 <h5 id="example_2">Example<a class="headerlink" href="#example_2" title="Permanent link">¶</a></h5> 1750 <div class="codehilite"><pre><span></span><span class="o">...</span> 1751 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1752 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Checkbox</span><span class="p">(</span><span class="s">"Options"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1753 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Options"</span><span class="p">,</span> 1754 <span class="p">},</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1755 <span class="c1">// "value": "Display Name",</span> 1756 <span class="s">"1"</span><span class="p">:</span> <span class="s">"First"</span><span class="p">,</span> 1757 <span class="s">"2"</span><span class="p">:</span> <span class="s">"Second"</span><span class="p">,</span> 1758 <span class="s">"3"</span><span class="p">:</span> <span class="s">"Third"</span><span class="p">,</span> 1759 <span class="p">}),</span> 1760 <span class="p">},</span> 1761 <span class="o">...</span> 1762 </pre></div> 1763 1764 1765 <hr /> 1766 <h3 id="editorrichtext"><code>editor.Richtext</code><a class="headerlink" href="#editorrichtext" title="Permanent link">¶</a></h3> 1767 <p>The <code>editor.Richetext</code> function displays an HTML5 rich text / WYSYWIG editor which 1768 supports text formatting and styling, images, quotes, arbitrary HTML, and more. </p> 1769 <p>The rich text editor is a modified version of <a href="http://summernote.org/">Summernote</a> 1770 using a theme called <a href="https://github.com/Cerealkillerway/materialNote">MaterialNote</a></p> 1771 <h5 id="screenshot_3">Screenshot<a class="headerlink" href="#screenshot_3" title="Permanent link">¶</a></h5> 1772 <p><img alt="HTML Richtext Input" src="../../images/editor-richtext.png" /></p> 1773 <h5 id="function-signature_3">Function Signature<a class="headerlink" href="#function-signature_3" title="Permanent link">¶</a></h5> 1774 <div class="codehilite"><pre><span></span><span class="nx">Richtext</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1775 </pre></div> 1776 1777 1778 <h5 id="example_3">Example<a class="headerlink" href="#example_3" title="Permanent link">¶</a></h5> 1779 <div class="codehilite"><pre><span></span><span class="o">...</span> 1780 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1781 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Richtext</span><span class="p">(</span><span class="s">"Opinion"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1782 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Rich Text Editor"</span><span class="p">,</span> 1783 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Opinion here"</span><span class="p">,</span> 1784 <span class="p">}),</span> 1785 <span class="p">},</span> 1786 <span class="o">...</span> 1787 </pre></div> 1788 1789 1790 <hr /> 1791 <h3 id="editortags"><code>editor.Tags</code><a class="headerlink" href="#editortags" title="Permanent link">¶</a></h3> 1792 <p>The <code>editor.Tags</code> function returns a container input element for lists of arbitrary 1793 bits of information.</p> 1794 <h5 id="screenshot_4">Screenshot<a class="headerlink" href="#screenshot_4" title="Permanent link">¶</a></h5> 1795 <p><img alt="HTML Tags Input" src="../../images/editor-tags.png" /></p> 1796 <h5 id="function-signature_4">Function Signature<a class="headerlink" href="#function-signature_4" title="Permanent link">¶</a></h5> 1797 <div class="codehilite"><pre><span></span><span class="nx">Tags</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1798 </pre></div> 1799 1800 1801 <h5 id="example_4">Example<a class="headerlink" href="#example_4" title="Permanent link">¶</a></h5> 1802 <div class="codehilite"><pre><span></span><span class="o">...</span> 1803 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1804 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Tags</span><span class="p">(</span><span class="s">"Category"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1805 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Tags"</span><span class="p">,</span> 1806 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"+Category"</span><span class="p">,</span> 1807 <span class="p">}),</span> 1808 <span class="p">},</span> 1809 <span class="o">...</span> 1810 </pre></div> 1811 1812 1813 <hr /> 1814 <h3 id="editorfile"><code>editor.File</code><a class="headerlink" href="#editorfile" title="Permanent link">¶</a></h3> 1815 <p>The <code>editor.File</code> function returns an HTML file upload element, which saves files 1816 into the <code>/uploads</code> directory, and can be viewed from the "Uploads" section in the 1817 Admin dashboard. See also the <a href="../../HTTP-APIs/File-Metadata/">File Metadata API</a>.</p> 1818 <div class="admonition warning"> 1819 <p class="admonition-title">Field Type</p> 1820 <p>When using the <code>editor.File</code> function, its corresponding field type must be 1821 a <strong><code>string</code></strong>, as files will be stored as URL paths in the database. </p> 1822 </div> 1823 <h5 id="screenshot_5">Screenshot<a class="headerlink" href="#screenshot_5" title="Permanent link">¶</a></h5> 1824 <p><img alt="HTML File Input" src="../../images/editor-file.png" /></p> 1825 <h5 id="function-signature_5">Function Signature<a class="headerlink" href="#function-signature_5" title="Permanent link">¶</a></h5> 1826 <div class="codehilite"><pre><span></span><span class="nx">File</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1827 </pre></div> 1828 1829 1830 <h5 id="example_5">Example<a class="headerlink" href="#example_5" title="Permanent link">¶</a></h5> 1831 <div class="codehilite"><pre><span></span><span class="o">...</span> 1832 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1833 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">File</span><span class="p">(</span><span class="s">"Photo"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1834 <span class="s">"label"</span><span class="p">:</span> <span class="s">"File Upload"</span><span class="p">,</span> 1835 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Upload the Photo here"</span><span class="p">,</span> 1836 <span class="p">}),</span> 1837 <span class="p">},</span> 1838 <span class="o">...</span> 1839 </pre></div> 1840 1841 1842 <hr /> 1843 <h3 id="editorfilerepeater"><code>editor.FileRepeater</code><a class="headerlink" href="#editorfilerepeater" title="Permanent link">¶</a></h3> 1844 <p>The <code>editor.FileRepeater</code> function applies a controller UI to the <code>editor.File</code> 1845 view so any arbitrary number of uploads can be added for your field.</p> 1846 <div class="admonition warning"> 1847 <p class="admonition-title">Using Repeaters</p> 1848 <p>When using the <code>editor.FileRepeater</code> make sure it's corresponding field is a <strong>slice <code>[]string</code></strong> 1849 type. You will experience errors if it is not.</p> 1850 </div> 1851 <h5 id="screenshot_6">Screenshot<a class="headerlink" href="#screenshot_6" title="Permanent link">¶</a></h5> 1852 <p><img alt="HTML File Input" src="../../images/editor-file-repeater.png" /></p> 1853 <h5 id="function-signature_6">Function Signature<a class="headerlink" href="#function-signature_6" title="Permanent link">¶</a></h5> 1854 <div class="codehilite"><pre><span></span><span class="nx">FileRepeater</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1855 </pre></div> 1856 1857 1858 <h5 id="example_6">Example<a class="headerlink" href="#example_6" title="Permanent link">¶</a></h5> 1859 <div class="codehilite"><pre><span></span><span class="o">...</span> 1860 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1861 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">FileRepeater</span><span class="p">(</span><span class="s">"Photo"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1862 <span class="s">"label"</span><span class="p">:</span> <span class="s">"File Upload Repeater"</span><span class="p">,</span> 1863 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Upload the Photo here"</span><span class="p">,</span> 1864 <span class="p">}),</span> 1865 <span class="p">},</span> 1866 <span class="o">...</span> 1867 </pre></div> 1868 1869 1870 <hr /> 1871 <h3 id="editorselect"><code>editor.Select</code><a class="headerlink" href="#editorselect" title="Permanent link">¶</a></h3> 1872 <p>The <code>editor.Select</code> function returns a single HTML select input with options 1873 as defined in the <code>options map[string]string</code> parameter of the function call.</p> 1874 <h5 id="screenshot_7">Screenshot<a class="headerlink" href="#screenshot_7" title="Permanent link">¶</a></h5> 1875 <p><img alt="HTML Select Input" src="../../images/editor-select.png" /></p> 1876 <h5 id="function-signature_7">Function Signature<a class="headerlink" href="#function-signature_7" title="Permanent link">¶</a></h5> 1877 <div class="codehilite"><pre><span></span><span class="kd">func</span> <span class="nx">Select</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span><span class="p">,</span> <span class="nx">options</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1878 </pre></div> 1879 1880 1881 <h5 id="example_7">Example<a class="headerlink" href="#example_7" title="Permanent link">¶</a></h5> 1882 <div class="codehilite"><pre><span></span><span class="o">...</span> 1883 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1884 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Select</span><span class="p">(</span><span class="s">"Rating"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1885 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Select Dropdown"</span><span class="p">,</span> 1886 <span class="p">},</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1887 <span class="c1">// "value": "Display Name",</span> 1888 <span class="s">"G"</span><span class="p">:</span> <span class="s">"G"</span><span class="p">,</span> 1889 <span class="s">"PG"</span><span class="p">:</span> <span class="s">"PG"</span><span class="p">,</span> 1890 <span class="s">"PG-13"</span><span class="p">:</span> <span class="s">"PG-13"</span><span class="p">,</span> 1891 <span class="s">"R"</span><span class="p">:</span> <span class="s">"R"</span><span class="p">,</span> 1892 <span class="p">}),</span> 1893 <span class="p">},</span> 1894 <span class="o">...</span> 1895 </pre></div> 1896 1897 1898 <hr /> 1899 <h3 id="editorselectrepeater"><code>editor.SelectRepeater</code><a class="headerlink" href="#editorselectrepeater" title="Permanent link">¶</a></h3> 1900 <p>The <code>editor.SelectRepeater</code> function applies a controller UI to the <code>editor.Select</code> 1901 view so any arbitrary number of dropdowns can be added for your field.</p> 1902 <h5 id="screenshot_8">Screenshot<a class="headerlink" href="#screenshot_8" title="Permanent link">¶</a></h5> 1903 <p><img alt="HTML Select Input" src="../../images/editor-select-repeater.png" /></p> 1904 <h5 id="function-signature_8">Function Signature<a class="headerlink" href="#function-signature_8" title="Permanent link">¶</a></h5> 1905 <div class="codehilite"><pre><span></span><span class="kd">func</span> <span class="nx">SelectRepeater</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span><span class="p">,</span> <span class="nx">options</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1906 </pre></div> 1907 1908 1909 <h5 id="example_8">Example<a class="headerlink" href="#example_8" title="Permanent link">¶</a></h5> 1910 <div class="codehilite"><pre><span></span><span class="o">...</span> 1911 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1912 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">SelectRepeater</span><span class="p">(</span><span class="s">"Rating"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1913 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Select Dropdown Repeater"</span><span class="p">,</span> 1914 <span class="p">},</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1915 <span class="c1">// "value": "Display Name",</span> 1916 <span class="s">"G"</span><span class="p">:</span> <span class="s">"G"</span><span class="p">,</span> 1917 <span class="s">"PG"</span><span class="p">:</span> <span class="s">"PG"</span><span class="p">,</span> 1918 <span class="s">"PG-13"</span><span class="p">:</span> <span class="s">"PG-13"</span><span class="p">,</span> 1919 <span class="s">"R"</span><span class="p">:</span> <span class="s">"R"</span><span class="p">,</span> 1920 <span class="p">}),</span> 1921 <span class="p">},</span> 1922 <span class="o">...</span> 1923 </pre></div> 1924 1925 1926 <hr /> 1927 <h3 id="editortextarea"><code>editor.Textarea</code><a class="headerlink" href="#editortextarea" title="Permanent link">¶</a></h3> 1928 <p>The <code>editor.Textarea</code> function returns an HTML textarea input to add unstyled text 1929 blocks. Newlines in the textarea are preserved.</p> 1930 <h5 id="screenshot_9">Screenshot<a class="headerlink" href="#screenshot_9" title="Permanent link">¶</a></h5> 1931 <p><img alt="HTML Textarea Input" src="../../images/editor-textarea.png" /></p> 1932 <h5 id="function-signature_9">Function Signature<a class="headerlink" href="#function-signature_9" title="Permanent link">¶</a></h5> 1933 <div class="codehilite"><pre><span></span><span class="nx">Textarea</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1934 </pre></div> 1935 1936 1937 <h5 id="example_9">Example<a class="headerlink" href="#example_9" title="Permanent link">¶</a></h5> 1938 <div class="codehilite"><pre><span></span><span class="o">...</span> 1939 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1940 <span class="nx">View</span><span class="p">:</span> <span class="nx">editor</span><span class="p">.</span><span class="nx">Textarea</span><span class="p">(</span><span class="s">"Readme"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1941 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Textarea"</span><span class="p">,</span> 1942 <span class="s">"placeholder"</span><span class="p">:</span> <span class="s">"Enter the Readme here"</span><span class="p">,</span> 1943 <span class="p">}),</span> 1944 <span class="p">},</span> 1945 <span class="o">...</span> 1946 </pre></div> 1947 1948 1949 <hr /> 1950 <h2 id="data-references">Data References<a class="headerlink" href="#data-references" title="Permanent link">¶</a></h2> 1951 <p>It is common to want to keep a reference from one Content type to another. To do 1952 this in Ponzu, use the <a href="https://github.com/bosssauce/reference"><code>bosssauce/reference</code></a> 1953 package. It comes pre-installed with Ponzu as an <a href="../../Ponzu-Addons/Using-Addons">"Addon"</a>.</p> 1954 <h3 id="referenceselect"><code>reference.Select</code><a class="headerlink" href="#referenceselect" title="Permanent link">¶</a></h3> 1955 <h5 id="screenshot_10">Screenshot<a class="headerlink" href="#screenshot_10" title="Permanent link">¶</a></h5> 1956 <p><img alt="HTML Select Input" src="../../images/editor-select.png" /></p> 1957 <h5 id="function-signature_10">Function Signature<a class="headerlink" href="#function-signature_10" title="Permanent link">¶</a></h5> 1958 <div class="codehilite"><pre><span></span><span class="kd">func</span> <span class="nx">Select</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">,</span> <span class="nx">contentType</span><span class="p">,</span> <span class="nx">tmplString</span> <span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1959 </pre></div> 1960 1961 1962 <h5 id="example_10">Example<a class="headerlink" href="#example_10" title="Permanent link">¶</a></h5> 1963 <div class="codehilite"><pre><span></span><span class="o">...</span> 1964 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1965 <span class="nx">View</span><span class="p">:</span> <span class="nx">reference</span><span class="p">.</span><span class="nx">Select</span><span class="p">(</span><span class="s">"DirectedBy"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1966 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Select Dropdown"</span><span class="p">,</span> 1967 <span class="p">},</span> <span class="s">"Director"</span><span class="p">,</span> <span class="s">`{{.last-name}}, {{.first_name}}`</span><span class="p">),</span> 1968 <span class="p">},</span> 1969 <span class="o">...</span> 1970 </pre></div> 1971 1972 1973 <hr /> 1974 <h3 id="referenceselectrepeater"><code>reference.SelectRepeater</code><a class="headerlink" href="#referenceselectrepeater" title="Permanent link">¶</a></h3> 1975 <h5 id="screenshot_11">Screenshot<a class="headerlink" href="#screenshot_11" title="Permanent link">¶</a></h5> 1976 <p><img alt="HTML Select Input" src="../../images/editor-select-repeater.png" /></p> 1977 <h5 id="function-signature_11">Function Signature<a class="headerlink" href="#function-signature_11" title="Permanent link">¶</a></h5> 1978 <div class="codehilite"><pre><span></span><span class="kd">func</span> <span class="nx">SelectRepeater</span><span class="p">(</span><span class="nx">fieldName</span> <span class="kt">string</span><span class="p">,</span> <span class="nx">p</span> <span class="kd">interface</span><span class="p">{},</span> <span class="nx">attrs</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">,</span> <span class="nx">contentType</span><span class="p">,</span> <span class="nx">tmplString</span> <span class="kt">string</span><span class="p">)</span> <span class="p">[]</span><span class="kt">byte</span> 1979 </pre></div> 1980 1981 1982 <h5 id="example_11">Example<a class="headerlink" href="#example_11" title="Permanent link">¶</a></h5> 1983 <div class="codehilite"><pre><span></span><span class="o">...</span> 1984 <span class="nx">editor</span><span class="p">.</span><span class="nx">Field</span><span class="p">{</span> 1985 <span class="nx">View</span><span class="p">:</span> <span class="nx">reference</span><span class="p">.</span><span class="nx">SelectRepeater</span><span class="p">(</span><span class="s">"PlacesFilmed"</span><span class="p">,</span> <span class="nx">s</span><span class="p">,</span> <span class="kd">map</span><span class="p">[</span><span class="kt">string</span><span class="p">]</span><span class="kt">string</span><span class="p">{</span> 1986 <span class="s">"label"</span><span class="p">:</span> <span class="s">"Select Dropdown Repeater"</span><span class="p">,</span> 1987 <span class="p">},</span> <span class="s">"Location"</span><span class="p">,</span> <span class="s">`{{.name}}, {{.region}}`</span><span class="p">),</span> 1988 <span class="p">},</span> 1989 <span class="o">...</span> 1990 </pre></div> 1991 1992 1993 <hr /> 1994 1995 1996 1997 1998 1999 2000 2001 </article> 2002 </div> 2003 </div> 2004 </main> 2005 2006 2007 <footer class="md-footer"> 2008 2009 <div class="md-footer-nav"> 2010 <nav class="md-footer-nav__inner md-grid"> 2011 2012 <a href="../../Content/Extending-Content/" title="Extending Content" class="md-flex md-footer-nav__link md-footer-nav__link--prev" rel="prev"> 2013 <div class="md-flex__cell md-flex__cell--shrink"> 2014 <i class="md-icon md-icon--arrow-back md-footer-nav__button"></i> 2015 </div> 2016 <div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title"> 2017 <span class="md-flex__ellipsis"> 2018 <span class="md-footer-nav__direction"> 2019 Previous 2020 </span> 2021 Extending Content 2022 </span> 2023 </div> 2024 </a> 2025 2026 2027 <a href="../../HTTP-APIs/Content/" title="Content" class="md-flex md-footer-nav__link md-footer-nav__link--next" rel="next"> 2028 <div class="md-flex__cell md-flex__cell--stretch md-footer-nav__title"> 2029 <span class="md-flex__ellipsis"> 2030 <span class="md-footer-nav__direction"> 2031 Next 2032 </span> 2033 Content 2034 </span> 2035 </div> 2036 <div class="md-flex__cell md-flex__cell--shrink"> 2037 <i class="md-icon md-icon--arrow-forward md-footer-nav__button"></i> 2038 </div> 2039 </a> 2040 2041 </nav> 2042 </div> 2043 2044 <div class="md-footer-meta md-typeset"> 2045 <div class="md-footer-meta__inner md-grid"> 2046 <div class="md-footer-copyright"> 2047 2048 powered by 2049 <a href="http://www.mkdocs.org" title="MkDocs">MkDocs</a> 2050 and 2051 <a href="http://squidfunk.github.io/mkdocs-material/" title="Material for MkDocs"> 2052 Material for MkDocs</a> 2053 </div> 2054 2055 2056 <div class="md-footer-social"> 2057 2058 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 2059 2060 <a href="https://github.com/rpdict" class="md-footer-social__link fa fa-github"></a> 2061 2062 <a href="https://twitter.com/ponzu_cms" class="md-footer-social__link fa fa-twitter"></a> 2063 2064 </div> 2065 2066 2067 </div> 2068 </div> 2069 </footer> 2070 2071 </div> 2072 2073 <script src="../../assets/javascripts/application-6b599127bc.js"></script> 2074 <script>app.initialize({url:{base:"../.."}})</script> 2075 2076 2077 2078 2079 <script>!function(e,t,a,n,o,c,i){e.GoogleAnalyticsObject=o,e[o]=e[o]||function(){(e[o].q=e[o].q||[]).push(arguments)},e[o].l=1*new Date,c=t.createElement(a),i=t.getElementsByTagName(a)[0],c.async=1,c.src=n,i.parentNode.insertBefore(c,i)}(window,document,"script","https://www.google-analytics.com/analytics.js","ga"),ga("create","UA-98609560-1","auto"),ga("set","anonymizeIp",!0),ga("send","pageview");var links=document.getElementsByTagName("a");Array.prototype.map.call(links,function(e){e.host!=document.location.host&&e.addEventListener("click",function(){var t=e.getAttribute("data-md-action")||"follow";ga("send","event","outbound",t,e.href)})});var query=document.forms.search.query;query.addEventListener("blur",function(){if(this.value){var e=document.location.pathname;ga("send","pageview",e+"?q="+this.value)}})</script> 2080 2081 2082 </body> 2083 </html>