{"id":19501262,"url":"https://github.com/acryps/page-tagged-editor","last_synced_at":"2026-06-11T04:31:29.326Z","repository":{"id":203958679,"uuid":"710787830","full_name":"acryps/page-tagged-editor","owner":"acryps","description":"Tagged Template Editor for @acryps/page","archived":false,"fork":false,"pushed_at":"2024-04-30T13:50:39.000Z","size":11,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-02-25T21:32:58.506Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/acryps.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-10-27T12:47:25.000Z","updated_at":"2024-04-30T13:50:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"9121069f-594b-4aa0-8c9c-4ac043a13e23","html_url":"https://github.com/acryps/page-tagged-editor","commit_stats":null,"previous_names":["acryps/page-tagged-editor"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/acryps/page-tagged-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fpage-tagged-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fpage-tagged-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fpage-tagged-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fpage-tagged-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/acryps","download_url":"https://codeload.github.com/acryps/page-tagged-editor/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/acryps%2Fpage-tagged-editor/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":285369043,"owners_count":27159982,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-11-20T02:00:05.334Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-10T22:12:03.212Z","updated_at":"2025-11-20T04:03:23.052Z","avatar_url":"https://github.com/acryps.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# page tagged editor\nCreate templates visually with ease.\n\n## usage\nAdd the editor to your component.\nDefine your tags by passing them to the component.\n\n```\nexport class BroadcastMailComposer extends Component {\n\tmail: MailTemplate;\n\n\tonload() {\n\t\t// load your template and prepare the component\n\t}\n\t\n\trender() {\n\t\treturn \u003cui-composer\u003e\n\t\t\t\u003cui-title\u003e\n\t\t\t\tBroadcast Mail\n\t\t\t\u003c/ui-title\u003e\n\n\t\t\t{new TaggedEditor(\n\t\t\t\tmail.template,\n\t\t\t\t[\n\t\t\t\t\tnew Tag('Recipient Mail', 'address', '${recipient}'),\n\t\t\t\t\tnew Tag('Given Name', 'name', '${name:given}'),\n\t\t\t\t\tnew Tag('Family Name', 'name', '${name:family}'),\n\t\t\t\t],\n\t\t\t\ttemplate =\u003e {\n\t\t\t\t\tmail.template = template;\n\n\t\t\t\t\t// save your template\n\t\t\t\t}\n\t\t\t)}\n\t\t\u003c/ui-composer\u003e;\n\t}\n}\n```\n\nWe do not provide default styling, but the editor requires some controlling styles to work properly, include them from `source/index.scss`.\n\nThe `type` argument of a `Tag` will be set as an attribute, which can be used to style the tag by type\n```\n\u0026[ui-type=\"address\"] {\n\tcolor: #f00;\n}\n\n\u0026[ui-type=\"name\"] { \n\tcolor: #0f0; \n}\n```\n\n`renderTagList`, `renderTag` and `extractValue` may be overwritten by creating a custom subclass\n\n```\nclass GroupedTaggedEditor extends TaggedEditor {\n\tconstructor(\n\t\tprivate source: string,\n\t\tprivate groups: Map\u003cstring, Tag[]\u003e\n\t\tprivate save: (value: string) =\u003e void\n\t) {\n\t\tsuper(source, [...groups.values()], save);\n\t}\n\n\trenderTagList() {\n\t\treturn \u003cui-tag-template\u003e\n\t\t\t{this.groups.entries().map((group, tags) =\u003e \u003cui-group\u003e\n\t\t\t\t\u003cui-name\u003e\n\t\t\t\t\t{group}\n\t\t\t\t\u003c/ui-name\u003e\n\t\t\t\n\t\t\t\t\u003cui-tags\u003e\n\t\t\t\t\t{this.renderTag(tag)}\n\t\t\t\t\u003c/ui-tags\u003e\n\t\t\t\u003c/ui-group\u003e)}\n\t\t\u003c/ui-tag-template\u003e\n\t}\n}\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facryps%2Fpage-tagged-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Facryps%2Fpage-tagged-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Facryps%2Fpage-tagged-editor/lists"}