CodeMirror学习（3）

merge.html【有点类似于git或svn的代码合并】

两个面板对比。

merge_panel_2.png

三个面板对比。

merge_panel_3.png

面板中间部分可配置。

merge_optional.png

对齐。

merge_align.png

代码折叠。

merge_collapse.png

代码展示：需要引入的文件【merge.css和merge.js是关键】：

merge_code_link.png

页面代码结构【注意下面5个按钮的点击事件】：

merge_code_html.png

js代码：

merge_js_code.png

其实还有一段感觉没有用的js代码，没有测试出功能。因为页面没有调用，去掉之后也没有影响页面：

merge_no_use_js_code.png

<== 未完待续 ==>

---