{"id":13449806,"url":"https://github.com/chatterbugapp/chatterslate","last_synced_at":"2025-03-22T22:33:55.334Z","repository":{"id":33151938,"uuid":"111542996","full_name":"chatterbugapp/chatterslate","owner":"chatterbugapp","description":":black_nib: SlateJS editor for Chatterbug's grammar topics (and more)","archived":false,"fork":false,"pushed_at":"2022-12-06T19:45:28.000Z","size":1422,"stargazers_count":95,"open_issues_count":15,"forks_count":6,"subscribers_count":6,"default_branch":"master","last_synced_at":"2025-03-17T21:12:08.293Z","etag":null,"topics":["javascript","rich-text-editor","slate","slatejs","text-editor"],"latest_commit_sha":null,"homepage":"https://chatterslate.netlify.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chatterbugapp.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-21T11:56:47.000Z","updated_at":"2024-12-07T21:54:27.000Z","dependencies_parsed_at":"2023-01-14T23:38:37.538Z","dependency_job_id":null,"html_url":"https://github.com/chatterbugapp/chatterslate","commit_stats":null,"previous_names":[],"tags_count":41,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chatterbugapp%2Fchatterslate","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chatterbugapp%2Fchatterslate/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chatterbugapp%2Fchatterslate/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chatterbugapp%2Fchatterslate/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chatterbugapp","download_url":"https://codeload.github.com/chatterbugapp/chatterslate/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245029319,"owners_count":20549685,"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":["javascript","rich-text-editor","slate","slatejs","text-editor"],"created_at":"2024-07-31T06:00:57.419Z","updated_at":"2025-03-22T22:33:54.655Z","avatar_url":"https://github.com/chatterbugapp.png","language":"JavaScript","funding_links":[],"categories":["Uncategorized","Running the update"],"sub_categories":["Uncategorized","By Popularity"],"readme":"# ✒️ Chatterslate\n\nSlateJS editor for [Chatterbug](https://chatterbug.com).\n\n![Chatterslate Demo](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/chatterslate.gif)\n\nWe use this editor at Chatterbug for our \"Topic Explanations\",\nwhich are mini-blog posts that teach our curriculum to students.\n\n## Features\n\nThe editor shown above uses lots of goodies from SlateJS,\nincluding the slate-edit-table plugin.\n\n### Marks\n\nThese are \"inline\" edits. Chatterslate supports:\n\n* Bold\n* Italic\n* Underline\n* Strikethrough\n* Language (highlights text with the language we are teaching)\n* Color (with a few that are preselected)\n\nExamples of these:\n\n![marks](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/marks.png)\n\n### Voids\n\n\"Void\" blocks in Chatterslate are just easy ways to insert chars\ninto the editor. Chatterslate comes with:\n\n* Several kinds of arrows\n* Easy access to different quote styles\n* Underscore lines to denote a fill-in-the-blank\n* Horizontal rule\n\nExamples of these:\n\n![voids](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/voids.png)\n\n### Blocks\n\nBlocks are usually multiple-line content chunks. Chatterslate\nincludes:\n\n* Left/Center/Right aligned Blocks\n* Bulleted list\n* Numbered list\n* Header one\n* Header two\n\nExamples of these:\n\n![bullets](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/bullets1.png)\n\n![header](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/header1.png)\n\n### Patterns\n\nPatterns are also blocks, but these are how we teach language\nconcepts in a  more concise + design focused way.\n\n* \"Examples\"\n\n![examples](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/examples.png)\n\n* \"Conversation\"\n\n![conversation](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/conversation.png)\n\n* \"Watch Out\" aside\n\n![watchout](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/watchout.png)\n\n* \"Cultural\" aside\n\n![cultural](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/cultural.png)\n\n* \"Note\" aside\n\n![note](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/note.png)\n\n### Tables\n\nWe do have a few tables as well  as these are also useful. The\neditor allows adding/removing rows from the table or the entire\ntable if necessary. Tables included are:\n\n* Arrow table\n\n![arrow](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/arrow.png)\n\n* Two Column table\n\n![twocolumn](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/twocolumn.png)\n\n* Three Column table\n\n![threecolumn](https://raw.githubusercontent.com/chatterbugapp/chatterslate/master/images/threecolumn.png)\n\n## Install\n\nRun:\n\n```sh\nyarn install\n```\n\nThen:\n\n```sh\nyarn start\n```\n\nNow open `http://localhost:8080` in your browser, and if you have\nthe LiveReload plugin installed, it'll automatically refresh for\nany changes in the examples/ or src/ directories!\n\n## Publishing to NPM\n\nYou'll need to be signed in via NPM first!\n\n```sh\nnpm version patch # or minor or major; commits new version number\nyarn release # pushes to github + npm publish\n```\n\n## License\n\nMIT. Please see `LICENSE`.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchatterbugapp%2Fchatterslate","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchatterbugapp%2Fchatterslate","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchatterbugapp%2Fchatterslate/lists"}