1. mindoc 的历史文档比较,使用了 mergely 这个前端控件,但并非直接使用,而是使用了名为 mergely-editor 的插件,链接在 https://cnpmjs.org/package/mergely-editor;
2. 插件里面为工具栏按钮提供了 icon 的图片,但是说实话,美观度并不好;更好的方法是使用 awesome font,字元我都找好了,但是 mergely-editor 是自包容的,除非必要我也没准备对其动手术,为它引入对惊奇字体的依赖,不过为了不至于让寻找合适字元的工作完全湮没,把所对应的代码放上来,也说不定哪天就用上了。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
compare.tpl: <link href="{{cdncss "/static/font-awesome/css/font-awesome.min.css"}}" rel="stylesheet"> <ul id="toolbar"> {{if eq $.Mode "edit"}} <li id="tb-file-save" data-icon="icon-save" title="保存"><i class="fa fa-save"></i> 保存合并</li> <li class="separator"></li> {{end}} <li id="tb-view-change-prev" data-icon="icon-arrow-up" title="上一处差异"><i class="fa fa-arrow-circle-o-up"></i> 上一处差异</li> <li id="tb-view-change-next" data-icon="icon-arrow-down" title="下一处差异"><i class="fa fa-arrow-circle-o-down"></i> 下一处差异</li> {{if eq $.Mode "edit"}} <li class="separator"></li> <li id="tb-edit-right-merge-left" data-icon="icon-arrow-left-v" title="合并到左侧"><i class="fa fa-angle-double-left"></i> 合并到左侧</li> <li id="tb-edit-left-merge-right" data-icon="icon-arrow-right-v" title="合并到右侧"><i class="fa fa-angle-double-right"></i> 合并到右侧</li> {{end}} <li id="tb-view-swap" data-icon="icon-swap" title="左右切换"><i class="fa fa-exchange"></i> 左右切换</li> </ul> |
3. 另外,发现了一个新的开源文档平台,叫 mm-wiki,看上去挺不错,但是如果迁移或者直接采用的话,老夫就没有练手的项目了。在 https://github.com/phachon/mm-wiki。