fuc/resources/views/tabler/admin/docs/edit.tpl
2025-02-23 13:30:57 +08:00

93 lines
3.4 KiB
Smarty
Executable File

{include file='admin/header.tpl'}
<script src="//cdnjs.cloudflare.com/ajax/libs/tinymce/7.0.0/tinymce.min.js"></script>
<div class="page-wrapper">
<div class="container-xl">
<div class="page-header d-print-none text-white">
<div class="row align-items-center">
<div class="col">
<h2 class="page-title">
<span class="home-title">编辑文档 #{$doc->id}</span>
</h2>
<div class="page-pretitle my-3">
<span class="home-subtitle">编辑站点文档</span>
</div>
</div>
<div class="col-auto ms-auto d-print-none">
<div class="btn-list">
<button id="save-doc" href="#" class="btn btn-primary">
<i class="icon ti ti-device-floppy"></i>
保存
</button>
</div>
</div>
</div>
</div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="card">
<div class="card-body">
<div class="mb-3">
<label class="form-label col-3 col-form-label">文档标题</label>
<div class="col">
<input id="title" type="text" class="form-control" value="{$doc->title}">
</div>
</div>
<div class="mb-3">
<form method="post">
<textarea id="tinymce">{$doc->content}</textarea>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function () {
let options = {
selector: '#tinymce',
menubar: false,
statusbar: false,
plugins:
'advlist autolink lists link image charmap preview anchor searchreplace visualblocks ' +
'code insertdatetime media table',
toolbar: 'undo redo | bold italic backcolor link | styles | fontsize | lineheight | alignleft aligncenter ' +
'alignright alignjustify | bullist numlist outdent indent | removeformat',
content_style: 'body { font-size: 14px; }',
{if $user->is_dark_mode}
skin: 'oxide-dark',
content_css: 'dark',
{/if}
}
tinyMCE.init(options);
})
$("#save-doc").click(function () {
$.ajax({
url: '/admin/docs/' + {$doc->id},
type: 'PUT',
dataType: "json",
data: {
title: $("#title").val(),
content: tinyMCE.activeEditor.getContent(),
},
success: function (data) {
if (data.ret === 1) {
$('#success-message').text(data.msg);
$('#success-dialog').modal('show');
window.setTimeout("location.href=top.document.referrer", {$config['jump_delay']});
} else {
$('#fail-message').text(data.msg);
$('#fail-dialog').modal('show');
}
}
})
});
</script>
{include file='admin/footer.tpl'}