{"id":13672938,"url":"https://github.com/capricorncd/zx-editor","last_synced_at":"2025-04-04T09:06:33.237Z","repository":{"id":33003419,"uuid":"119553296","full_name":"capricorncd/zx-editor","owner":"capricorncd","description":"The HTML document (rich text) editor in Smart phone browser or webview, supporting mixed layout, reference, headline, unordered list, font color, bold and italics. 移动端HTML文档（富文本）编辑器，支持图文混排、引用、大标题、无序列表，字体颜色、加粗、斜体","archived":false,"fork":false,"pushed_at":"2024-04-04T12:41:59.000Z","size":4204,"stargazers_count":330,"open_issues_count":27,"forks_count":100,"subscribers_count":12,"default_branch":"main","last_synced_at":"2024-04-14T11:41:18.654Z","etag":null,"topics":["editor","html5","npm-workspaces","smart-phone","typescript"],"latest_commit_sha":null,"homepage":"https://capricorncd.github.io/zx-editor/demo","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/capricorncd.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":"2018-01-30T15:14:40.000Z","updated_at":"2024-06-22T06:48:24.224Z","dependencies_parsed_at":"2024-06-22T06:58:20.953Z","dependency_job_id":null,"html_url":"https://github.com/capricorncd/zx-editor","commit_stats":{"total_commits":178,"total_committers":3,"mean_commits":"59.333333333333336","dds":0.4382022471910112,"last_synced_commit":"35e93cb32cd3dfa5bb938858f7d346fc17d9fcda"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capricorncd%2Fzx-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capricorncd%2Fzx-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capricorncd%2Fzx-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/capricorncd%2Fzx-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/capricorncd","download_url":"https://codeload.github.com/capricorncd/zx-editor/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247149500,"owners_count":20891954,"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":["editor","html5","npm-workspaces","smart-phone","typescript"],"created_at":"2024-08-02T09:01:58.813Z","updated_at":"2025-04-04T09:06:33.215Z","avatar_url":"https://github.com/capricorncd.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"# SpEditor\n\n\u003cp\u003e\n  \u003ca href=\"https://npmcharts.com/compare/sp-editor?minimal=true\"\u003e\u003cimg src=\"https://img.shields.io/npm/dm/sp-editor.svg?sanitize=true\" alt=\"Downloads\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/sp-editor\"\u003e\u003cimg src=\"https://img.shields.io/npm/v/sp-editor.svg?sanitize=true\" alt=\"Version\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://www.npmjs.com/package/sp-editor\"\u003e\u003cimg src=\"https://img.shields.io/npm/l/sp-editor.svg?sanitize=true\" alt=\"License\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n移动端 HTML 文档（富文本）编辑器，支持图文混排、引用、大标题、无序列表，字体颜色、加粗、斜体。\n\n[SpEditor](./docs/SpEditor.md) is a HTML5 rich text editor in smartphone browsers, and it's extends [Editor](./docs/Editor.md).\n\n## Build Setup\n\n```bash\n# 安装依赖\nnpm i\n\n# http://localhost:9001\nnpm run dev\n\n# build files\nnpm run build\n```\n\n## 使用 Use\n\n```\n# npm\nnpm i sp-editor\n\n# pnpm\npnpm i sp-editor\n\n# yarn\nyarn add sp-editor\n```\n\n#### # ES6+\n\n```javascript\nimport { SpEditor } from 'sp-editor'\nimport 'sp-editor/css'\nconst spEditor = new SpEditor({\n  // container: document.querySelector('#app'),\n  // or\n  container: '#app'\n})\n```\n\n#### # browser\n\n```html\n\u003clink rel=\"stylesheet\" href=\"./dist/sp-editor.min.css\"\u003e\n\u003cdiv id=\"editorContainer\"\u003e\n  \u003c!-- 编辑器容器 --\u003e\n\u003c/div\u003e\n\u003cscript src=\"./dist/sp-editor.umd.js\"\u003e\u003c/script\u003e\n\u003cscript\u003e\n  // 初始化ZX编辑器\n  const spEditor = new SpEditor('#editorContainer', {\n    placeholder: '请输入内容',\n  })\n  console.log(spEditor)\n\u003c/script\u003e\n```\n\n## Preview\n\nhttps://capricorncd.github.io/zx-editor/demo/\n\n![sp-editor Preview](./qr.png)\n\n## Docs\n\n- [SpEditor](./docs/SpEditor.md)\n\n- [Editor](./docs/Editor.md)\n\n- [EventEmitter](./docs/EventEmitter.md)\n\n- [Other](./docs)\n\n## Copyright and license\n\nCode and documentation copyright 2018-Present. capricorncd. Code released under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapricorncd%2Fzx-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcapricorncd%2Fzx-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcapricorncd%2Fzx-editor/lists"}