jEditor
文章平均质量分 83
sanshi_zhang
专注于前端(JavaScript、jQuery、ExtJS)
展开
-
自己实现HTML-Beautify
文章截图 - 更好的排版 源代码下载 学习HTML-Beautify.js之后,我们发现使用JavaScript对HTML进行解析也并不神秘, 首先是逐字符进行分析,从中提取标记(Token),在HTML只存在两种类型的标记-标签和正文, 然后对这些Token进行语法分析,主要是缩进量是多少。 在有这些基本概念后,今天我们就自己来实现这个小程序: // 我在Html Beautifier的原创 2013-06-24 11:29:09 · 1818 阅读 · 0 评论 -
自己实现HTML-Beautify - 2
文章截图 - 更好的排版源代码下载上一篇文章,我们按照 http://jsbeautifier.org/ 的基本框架,用我们自己的语言实现了对Html简单的格式化功能。 今天我们来完善这段JavaScript脚本,主要添加如下功能: 删除多余的空格,回车换行以及制表符保持script和style标签里面的内容格式不变化注释部分的格式不变化标签属性赋值等号前后不能有空格(type="text/j原创 2013-06-24 11:29:16 · 649 阅读 · 0 评论 -
dp.SyntaxHighlighter代码分析
文章截图 - 更好的排版源代码下载dp.SyntaxHighlighter代码分析dp.SyntaxHighlighter作为一个最常用的JavaScript代码高亮工具受到广泛的欢迎。 那么你有没有想知道它的内部实现机制是什么,本文在对其分析后,抽取核心代码以重现其功能。 注:本文中的代码高亮使用的就是手工打造的dp.SyntaxHighlighter的简化版。 核心思想 1. 首先定义了一原创 2013-06-24 11:29:23 · 655 阅读 · 0 评论 -
自己实现Rich Text Editor
文章截图 - 更好的排版经过对网上一些常见的RichTextEditor(rte-light, jHTMLArea, NicEdit)的分析后,我决定自己来实现一个。 为的不是重新发明轮子,我也没想把这个做成一个完整的轮子,仅仅是为了学习内部的实现机制。 1. 使IFrame可编辑 为了达到对HTML的编辑,我们不可能在TextArea中完成,这就需要借助一个内嵌的IFrame。 第一个问题就是如原创 2013-06-24 11:29:21 · 1596 阅读 · 0 评论 -
学习HTML-Beautify.js
文章截图 - 更好的排版源代码下载http://jsbeautifier.org/ 这个网站提供了在线的格式化JavaScript的功能,为了学习相关的知识, 我们先从简单的入手。 在下载包中有一个HTML-Beautify.js文件,用来对HTML进行格式化。 其中的处理考虑了很多情况,如果页面中存在标签,它会自动调用beautify.js来格式化JavaScript,这个文件有15k,428行原创 2013-06-24 11:29:07 · 4518 阅读 · 0 评论