canvas-text-editor-tutorial:使用html5 canvas的简单文本编辑器

时间:2024-06-14 01:28:50
【文件属性】:

文件名称:canvas-text-editor-tutorial:使用html5 canvas的简单文本编辑器

文件大小:49KB

文件格式:ZIP

更新时间:2024-06-14 01:28:50

html5-canvas JavaScript

画布文本编辑器教程 为什么要写另一个编辑器? 令人惊讶的是,您几乎找不到关于创建适当,快速且功能完整的纯文本编辑器的信息。 所有可用的信息要么很旧,不能指示最近的趋势,要么非常含糊和无益。 我将尝试通过创建一系列教程来解决此问题,以说明文本编辑器的所有重要方面,同时使用HTML5 canvas和许多JavaScript代码创建可用的应用程序。 以下是按优先级排列的编辑器功能要求列表: 键盘光标导航和选择; 鼠标光标导航和选择; 复制和粘贴支持; 简单的搜索和替换; 行号。 这些是技术要求: 足够快以处理至少100 kb的文本; 没有外部依赖性; 在所有现代浏览器中均可使用; 使用BDD或TDD构建。 我不打算具有以下任何功能来使任务更切合实际,因为这些主题中的每一个都有足够的问题来撰写有关以下内容的书: 支持RTL文本,象形文字和垂直文本; 搜索; 语法高


【文件预览】:
canvas-text-editor-tutorial-master
----package.json(356B)
----test()
--------runner.html(2KB)
--------spec()
--------lib()
----.gitignore(29B)
----lib()
--------Selection.js(8KB)
--------CanvasTextEditor.js(12KB)
--------Document.js(5KB)
--------FontMetrics.js(2KB)
----Makefile(230B)
----demo()
--------index.html(1KB)
----README.md(38KB)
----.jshintrc(261B)
----scripts()
--------serve.js(303B)
--------build.js(466B)
--------common.js(362B)

网友评论