{"id":13832333,"url":"https://github.com/Joecool48/JS-syntax-highlighting-typewriter","last_synced_at":"2025-07-09T16:35:13.766Z","repository":{"id":67352161,"uuid":"117886398","full_name":"Joecool48/JS-syntax-highlighting-typewriter","owner":"Joecool48","description":"A JS file for html pages that will auto syntax highlight, and display with a typewriter animation","archived":false,"fork":false,"pushed_at":"2018-09-01T22:05:57.000Z","size":12,"stargazers_count":8,"open_issues_count":1,"forks_count":1,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-08-05T10:20:57.223Z","etag":null,"topics":["animation","automatic","javascript","simple","syntax-highlighting","typewriter","web"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","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/Joecool48.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}},"created_at":"2018-01-17T20:03:23.000Z","updated_at":"2024-07-07T02:20:21.000Z","dependencies_parsed_at":"2023-02-26T12:31:37.922Z","dependency_job_id":null,"html_url":"https://github.com/Joecool48/JS-syntax-highlighting-typewriter","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joecool48%2FJS-syntax-highlighting-typewriter","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joecool48%2FJS-syntax-highlighting-typewriter/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joecool48%2FJS-syntax-highlighting-typewriter/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Joecool48%2FJS-syntax-highlighting-typewriter/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Joecool48","download_url":"https://codeload.github.com/Joecool48/JS-syntax-highlighting-typewriter/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225575322,"owners_count":17490740,"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","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":["animation","automatic","javascript","simple","syntax-highlighting","typewriter","web"],"created_at":"2024-08-04T10:01:59.598Z","updated_at":"2024-11-20T14:30:51.373Z","avatar_url":"https://github.com/Joecool48.png","language":"JavaScript","funding_links":[],"categories":["JavaScript"],"sub_categories":[],"readme":"# JS-syntax-highlighting-typewriter\nA JS file for html pages that will auto syntax highlight, and display with a typewriter animation\n\nPut \u003cscript type=\"text/javascript\" src=\"typewriter.js\"\u003e\u003c/script\u003e at the bottom of your html document.\n\nTo setup the effect simply call the function setupTypewriter with the HTML document object as a argument.\nThis is where the text will be displayed.\n\nSetup the typewriter to output to the typewriter element:\n\n```javascript\nvar typewriter = setupTypewriter(document.getElementById(\"typewriter\"));\n```\nAdd the input to the typewriter:\n\n```javascript\ntypewriter.parseHtml(document.getElementById(\"typewriter\"));\n```\nSet the typewriter speed (Higher numbers are slower):\n\n```javascript\ntypewriter.setTypeSpeed(300);\n```\nSets whether the element where the text is being printed should auto scroll to the bottom:\n\n```javascript\ntypewriter.scrollLock(true);\n```\nSimply clears the screen of all the text:\n\n```javascript\ntypewriter.clearScreen();\n```\nActually starts the typing. To stop, simply call stop.\n\n```javascript\ntypewriter.type();\n```\nTo change the colors and things that are highlighted, go to the top of the JS file and modify the strings containing the colors, or the\narray of strings with the keywords.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJoecool48%2FJS-syntax-highlighting-typewriter","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FJoecool48%2FJS-syntax-highlighting-typewriter","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FJoecool48%2FJS-syntax-highlighting-typewriter/lists"}