87 lines
2.6 KiB
HTML
87 lines
2.6 KiB
HTML
<include file="Inc:head"/>
|
|
<div class="container-fluid">
|
|
|
|
<div id=view></div>
|
|
|
|
<div class="version_mark">
|
|
<div class="version_mark_1">当前代码</div>
|
|
<div class="version_mark_2">{:date("Y-m-d H:i:s",$history[addtime])}修改</div>
|
|
</div>
|
|
|
|
<div>
|
|
|
|
|
|
|
|
<include file="Inc/foot"/>
|
|
<!--代码编辑器插件-->
|
|
<link rel="stylesheet" type="text/css" href="/Public/Admin/codemirror/lib/codemirror.css">
|
|
<link rel="stylesheet" href="/Public/Admin/codemirror/theme/abcdef.css">
|
|
<link rel="stylesheet" href="/Public/Admin/codemirror/doc/docs.css">
|
|
<link rel="stylesheet" href="/Public/Admin/codemirror/addon/merge/merge.css">
|
|
|
|
<script src="/Public/Admin/codemirror/lib/codemirror.js"></script>
|
|
<script src="/Public/Admin/codemirror/mode/xml/xml.js"></script>
|
|
<script src="/Public/Admin/codemirror/addon/merge/merge.js"></script>
|
|
<script src="/Public/Admin/codemirror/lib/diff_match_patch.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
var value, orig1, orig2, dv, panes = 2, highlight = true, connect = null, collapse = false;
|
|
function initUI() {
|
|
if (value == null) return;
|
|
var target = document.getElementById("view");
|
|
target.innerHTML = "";
|
|
dv = CodeMirror.MergeView(target, {
|
|
value: value,
|
|
origLeft: panes == 3 && !collapse && !connect ? orig1 : null,
|
|
orig: orig2,
|
|
lineNumbers: true,
|
|
mode: "text/html",
|
|
highlightDifferences: highlight,
|
|
connect: connect,
|
|
collapseIdentical: collapse
|
|
});
|
|
}
|
|
|
|
function toggleDifferences() {
|
|
dv.setShowDifferences(highlight = !highlight);
|
|
}
|
|
|
|
window.onload = function() {
|
|
$.get("{:U('get_now_content',array('page_id'=>$_GET[page_id],'history_id'=>$_GET[history_id]))}",function(result){
|
|
value=result.info.now_content;
|
|
orig1=result.info.now_content;
|
|
orig2=result.info.history_content;
|
|
initUI();
|
|
},"json");
|
|
|
|
|
|
|
|
};
|
|
|
|
function mergeViewHeight(mergeView) {
|
|
function editorHeight(editor) {
|
|
if (!editor) return 0;
|
|
return editor.getScrollInfo().height;
|
|
}
|
|
return Math.max(editorHeight(mergeView.leftOriginal()),
|
|
editorHeight(mergeView.editor()),
|
|
editorHeight(mergeView.rightOriginal()));
|
|
}
|
|
|
|
function resize(mergeView) {
|
|
var height = mergeViewHeight(mergeView);
|
|
for(;;) {
|
|
if (mergeView.leftOriginal())
|
|
mergeView.leftOriginal().setSize(null, height);
|
|
mergeView.editor().setSize(null, height);
|
|
if (mergeView.rightOriginal())
|
|
mergeView.rightOriginal().setSize(null, height);
|
|
|
|
var newHeight = mergeViewHeight(mergeView);
|
|
if (newHeight >= height) break;
|
|
else height = newHeight;
|
|
}
|
|
mergeView.wrap.style.height = 500 + "px";
|
|
}
|
|
</script>
|