mirror of https://github.com/mindoc-org/mindoc.git
feat:新增json转table工具
lifei6671
parent
34c383ea14
commit
835a8a15d0
|
|
@ -19,6 +19,12 @@ Array.prototype.remove = function ($callback) {
|
|||
this.slice($i, 1);
|
||||
}
|
||||
};
|
||||
String.prototype.endWith = function (endStr) {
|
||||
var d = this.length - endStr.length;
|
||||
|
||||
return (d >= 0 && this.lastIndexOf(endStr) === d)
|
||||
};
|
||||
|
||||
//格式化文件大小
|
||||
function formatBytes($size) {
|
||||
if (typeof $size === "number") {
|
||||
|
|
@ -30,3 +36,50 @@ function formatBytes($size) {
|
|||
}
|
||||
return $size;
|
||||
}
|
||||
|
||||
/**
|
||||
* 将多维的json转换为一维的json
|
||||
* @param $json
|
||||
* @param $parentKey
|
||||
*/
|
||||
function foreachJson($json, $parentKey) {
|
||||
var data = {};
|
||||
|
||||
$.each($json, function (key, item) {
|
||||
var cKey = $parentKey;
|
||||
|
||||
if (Array.isArray($json)) {
|
||||
key = "[";
|
||||
}
|
||||
|
||||
if ($parentKey !== undefined && $parentKey !== "" && key !== "") {
|
||||
if($parentKey.endsWith("[")) {
|
||||
cKey = $parentKey + key + "]";
|
||||
} else if (key === "[") {
|
||||
cKey = $parentKey + key;
|
||||
} else {
|
||||
cKey = $parentKey + "." + key;
|
||||
}
|
||||
} else {
|
||||
cKey = key;
|
||||
}
|
||||
|
||||
|
||||
var node = {};
|
||||
node["key"] = cKey;
|
||||
node["type"] = Array.isArray(item) ? "array" : typeof item;
|
||||
node["value"] = item;
|
||||
if (typeof key === "string" && key !== "[") {
|
||||
data[cKey] = node;
|
||||
}
|
||||
|
||||
if (typeof item === "object") {
|
||||
var items = foreachJson(item, cKey);
|
||||
$.each(items,function (k,v) {
|
||||
data[k] = v;
|
||||
});
|
||||
}
|
||||
});
|
||||
return data;
|
||||
|
||||
}
|
||||
|
|
@ -64,6 +64,20 @@ $(function () {
|
|||
}
|
||||
});
|
||||
|
||||
function insertToMarkdown(body) {
|
||||
window.isLoad = true;
|
||||
window.editor.insertValue(body);
|
||||
window.editor.setCursor({ line: 0, ch: 0 });
|
||||
resetEditorChanged(true);
|
||||
}
|
||||
function insertAndClearToMarkdown(body) {
|
||||
window.isLoad = true;
|
||||
window.editor.clear();
|
||||
window.editor.insertValue(body);
|
||||
window.editor.setCursor({ line: 0, ch: 0 });
|
||||
resetEditorChanged(true);
|
||||
}
|
||||
|
||||
/**
|
||||
* 实现标题栏操作
|
||||
*/
|
||||
|
|
@ -79,6 +93,8 @@ $(function () {
|
|||
$("#documentTemplateModal").modal("show");
|
||||
} else if(name === "save-template"){
|
||||
$("#saveTemplateModal").modal("show");
|
||||
} else if(name === 'json'){
|
||||
$("#convertJsonToTableModal").modal("show");
|
||||
} else if (name === "sidebar") {
|
||||
$("#manualCategory").toggle(0, "swing", function () {
|
||||
var $then = $("#manualEditorContainer");
|
||||
|
|
@ -521,4 +537,22 @@ $(function () {
|
|||
})
|
||||
});
|
||||
|
||||
$("#btnInsertTable").on("click",function () {
|
||||
var content = $("#jsonContent").val();
|
||||
if(content !== "") {
|
||||
try {
|
||||
var jsonObj = $.parseJSON(content);
|
||||
var data = foreachJson(jsonObj,"");
|
||||
var table = "| 参数名称 | 参数类型 | 示例值 | 备注 |\n| ------------ | ------------ | ------------ | ------------ |\n";
|
||||
$.each(data,function (i,item) {
|
||||
table += "|" + item.key + "|" + item.type + "|" + item.value +"| |\n";
|
||||
});
|
||||
insertToMarkdown(table);
|
||||
}catch (e) {
|
||||
showError("Json 格式错误:" + e.toString(),"#json-error-message");
|
||||
return;
|
||||
}
|
||||
}
|
||||
$("#convertJsonToTableModal").modal("hide");
|
||||
});
|
||||
});
|
||||
|
|
@ -94,6 +94,7 @@
|
|||
<a href="javascript:;" data-toggle="tooltip" data-title="引用"><i class="fa fa-quote-right item" name="quote" unselectable="on"></i></a>
|
||||
<a href="javascript:;" data-toggle="tooltip" data-title="GFM 任务列表"><i class="fa fa-tasks item" name="tasks" aria-hidden="true"></i></a>
|
||||
<a href="javascript:;" data-toggle="tooltip" data-title="附件"><i class="fa fa-paperclip item" aria-hidden="true" name="attachment"></i></a>
|
||||
<a href="javascript:;" data-toggle="tooltip" data-title="Json转换为表格"><i class="fa fa-wrench item" aria-hidden="true" name="json"></i></a>
|
||||
<a href="javascript:;" data-toggle="tooltip" data-title="模板"><i class="fa fa-tachometer last" name="template"></i></a>
|
||||
|
||||
</div>
|
||||
|
|
@ -390,6 +391,29 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--- json转换为表格 -->
|
||||
<div class="modal fade" id="convertJsonToTableModal" tabindex="-1" role="dialog" aria-labelledby="convertJsonToTableModalLabel">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<form method="post" id="convertJsonToTableForm" class="form-horizontal">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
||||
<h4 class="modal-title">Json转换为表格</h4>
|
||||
</div>
|
||||
<div class="modal-body text-center">
|
||||
<textarea type="text" name="jsonContent" id="jsonContent" placeholder="Json" class="form-control" style="height: 300px;resize: none"></textarea>
|
||||
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<span id="json-error-message"></span>
|
||||
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
||||
<button type="button" class="btn btn-primary" id="btnInsertTable" data-loading-text="保存中...">插入</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<template id="template-normal">
|
||||
{{template "document/template_normal.tpl"}}
|
||||
</template>
|
||||
|
|
|
|||
Loading…
Reference in New Issue