Victor_Jay
804fd50edf
- 修复 wangeditor 选区同步 scrollIntoView 导致代码块换行大幅跳动的问题 - 移除 getBoundingClientRect 替换 hack，改用元素自身真实位置计算滚动 - 将 block 参数从 end 改为 nearest，behavior 从 smooth 改为 instant - 修复 #editor-container 与 .w-e-scroll 双重滚动容器冲突 - #editor-container 和 .w-e-text-container 设为 overflow:hidden - .w-e-scroll 作为唯一滚动容器设 overflow-y:auto - updateCodeLabels 改为节流执行并保存/恢复滚动位置 - 新增 ensureCursorVisible 替代内置滚动保证光标可见 - 滚动同步函数统一引用 .w-e-scroll 容器 - 工具栏排除视频相关按钮和网络图片功能 - .gitignore 添加 .codebuddy
86 lines
2.9 KiB
HTML
86 lines
2.9 KiB
HTML
{{template "layout/header.html" .}}
|
|
<link rel="stylesheet" href="/static/lib/wangeditor.css">
|
|
<style>
|
|
/* wangEditor 容器适配全高布局 */
|
|
#editor-wrapper {
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
overflow: hidden;
|
|
min-height: 0;
|
|
height: 100%;
|
|
}
|
|
#toolbar-container {
|
|
flex-shrink: 0;
|
|
}
|
|
#editor-container {
|
|
flex: 1;
|
|
overflow: hidden;
|
|
min-height: 0;
|
|
height: 100%;
|
|
}
|
|
/* .w-e-scroll 是 wangEditor 内部唯一的滚动容器 */
|
|
.editor-pane .w-e-text-container {
|
|
height: 100% !important;
|
|
overflow: hidden;
|
|
}
|
|
.editor-pane .w-e-scroll {
|
|
height: 100%;
|
|
overflow-y: auto;
|
|
}
|
|
.editor-pane .w-e-text-container [data-slate-editor] {
|
|
min-height: 100%;
|
|
}
|
|
</style>
|
|
<body>
|
|
|
|
{{template "layout/nav.html" .}}
|
|
|
|
<div class="editor-layout">
|
|
<form id="postForm" class="editor-form">
|
|
<input type="hidden" id="postId" value="{{if .Post}}{{.Post.ID}}{{end}}">
|
|
|
|
{{/* 标题区域 */}}
|
|
<div class="editor-header">
|
|
<input type="text" id="postTitle" class="editor-title-input"
|
|
value="{{if .Post}}{{.Post.Title}}{{end}}"
|
|
placeholder="输入文章标题..."
|
|
maxlength="200" required autofocus>
|
|
</div>
|
|
|
|
{{/* 编辑器主体：编辑区 + 预览区 */}}
|
|
<div class="editor-main">
|
|
<div class="editor-pane" id="editorPane">
|
|
<div id="editor-wrapper">
|
|
<div id="toolbar-container"></div>
|
|
<div id="editor-container"></div>
|
|
</div>
|
|
<textarea id="postBody" style="display:none;">{{if .Post}}{{.Post.Body}}{{end}}</textarea>
|
|
</div>
|
|
<div class="preview-pane" id="previewPane">
|
|
<div class="preview-content post-detail-body" id="previewContent">
|
|
<em style="color:#9ca3af">预览将在此处显示...</em>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{/* 状态栏 */}}
|
|
<div class="editor-statusbar">
|
|
<span class="status-item" id="wordCount">0 字</span>
|
|
<span class="status-item" id="lineCount">0 行</span>
|
|
<span class="status-item" id="readTime">约 1 分钟</span>
|
|
<span class="status-spacer"></span>
|
|
<span class="status-item status-draft" id="draftStatus" style="display:none">草稿已保存</span>
|
|
<span class="status-item" id="btnTogglePreview" style="cursor:pointer" title="切换预览 (Ctrl+Shift+P)">预览</span>
|
|
<span class="status-item" id="btnFullscreen" style="cursor:pointer" title="全屏编辑 (F11)">全屏</span>
|
|
<button type="submit" class="btn btn-primary btn-submit">{{if .Post}}保存修改{{else}}发布帖子{{end}}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
{{template "layout/footer.html" .}}
|
|
|
|
<script src="/static/lib/wangeditor.js"></script>
|
|
<script src="/static/js/common.js"></script>
|
|
<script src="/static/js/editor.js"></script>
|