修复了一些问题

This commit is contained in:
2026-08-25 19:42:16 +08:00
parent ea83f2211c
commit f5746da0ae
4 changed files with 81 additions and 3 deletions
+4
View File
@@ -71,6 +71,10 @@
border: none;
}
.aksrt-submit-editor-wrap textarea.wp-editor-area {
opacity: 1;
}
.aksrt-submit-editor-wrap .mce-toolbar-grp {
background: var(--surface-1, #fff);
border-bottom: 1px solid var(--color-line, #eceff4);
+54
View File
@@ -100,6 +100,7 @@
if (!this.form) {
return;
}
this.hydrateEditor();
this.bindDirty();
this.bindAutoHeight();
this.bindSubmitButtons();
@@ -113,6 +114,59 @@
this.loadFeaturedFromDom();
},
hydrateEditor: function () {
var snapshot = document.getElementById('aksrt-initial-post-content');
var textarea = qs('#post_content') || qs('[name="post_content"]');
var initialContent = snapshot ? snapshot.value : textarea ? textarea.value : '';
if (!initialContent) {
return;
}
var fallbackToTextEditor = function () {
if (window.switchEditors && typeof window.switchEditors.go === 'function') {
window.switchEditors.go('post_content', 'html');
}
if (textarea) {
textarea.value = initialContent;
textarea.style.opacity = '1';
textarea.style.display = 'block';
}
};
var attempts = 0;
var restore = function () {
var editor = window.tinymce && window.tinymce.get('post_content');
if (!editor) {
attempts += 1;
if (attempts < 20) {
setTimeout(restore, 250);
} else {
fallbackToTextEditor();
}
return;
}
var hydrate = function () {
var current = editor.getContent({ format: 'raw' });
if (!current || !current.trim()) {
editor.setContent(initialContent);
editor.save();
}
if (!editor.getContent({ format: 'raw' }).trim()) {
fallbackToTextEditor();
}
};
if (editor.initialized) {
hydrate();
} else {
editor.on('init', hydrate);
}
};
restore();
},
bindDirty: function () {
var self = this;
this.form.addEventListener('input', function () {
+8 -2
View File
@@ -42,6 +42,12 @@ $is_can_new = !empty($ctx['is_can_new']);
<?php else : ?>
<div class="aksrt-submit-editor-wrap">
<?php
$initial_content = (string) $ctx['current_content'];
if ($initial_content !== '') :
?>
<textarea id="aksrt-initial-post-content" hidden aria-hidden="true" tabindex="-1"><?php echo esc_textarea($initial_content); ?></textarea>
<?php
endif;
$toolbar1 = 'formatselect,bold,italic,bullist,numlist,alignleft,aligncenter,alignright,link,blockquote,code,fullscreen';
$plugins = 'paste,link,lists,fullscreen,wordpress,wplink,charmap';
$editor_settings = [
@@ -50,7 +56,7 @@ $is_can_new = !empty($ctx['is_can_new']);
'editor_height' => wp_is_mobile() ? 460 : 470,
'media_buttons' => false,
'default_editor' => 'tinymce',
'quicktags' => false,
'quicktags' => true,
'teeny' => false,
'tinymce' => [
'toolbar1' => $toolbar1,
@@ -59,7 +65,7 @@ $is_can_new = !empty($ctx['is_can_new']);
'placeholder' => (string) ($settings['content_placeholder'] ?? ''),
],
];
wp_editor((string) $ctx['current_content'], 'post_content', $editor_settings);
wp_editor($initial_content, 'post_content', $editor_settings);
?>
</div>
@@ -21,5 +21,19 @@ test('published post content reaches the front submit editor unchanged', () => {
const editor = read('templates/parts/submit/editor-main.php');
assert.match(context, /\$current_content\s*=\s*\$edit_post\s*\?\s*\$edit_post->post_content\s*:\s*'';/);
assert.match(editor, /wp_editor\(\(string\) \$ctx\['current_content'\], 'post_content', \$editor_settings\);/);
assert.match(editor, /\$initial_content\s*=\s*\(string\) \$ctx\['current_content'\]/);
assert.match(editor, /wp_editor\(\$initial_content, 'post_content', \$editor_settings\);/);
});
test('front submit restores published content when TinyMCE initializes empty', () => {
const editor = read('templates/parts/submit/editor-main.php');
const runtime = read('assets/js/front-submit.js');
const styles = read('assets/css/frontend/pages/submit.css');
assert.match(editor, /'quicktags'\s*=>\s*true/);
assert.match(editor, /id="aksrt-initial-post-content"/);
assert.match(runtime, /hydrateEditor:\s*function/);
assert.match(runtime, /editor\.setContent\(initialContent\)/);
assert.match(runtime, /switchEditors\.go\('post_content', 'html'\)/);
assert.match(styles, /textarea\.wp-editor-area\s*\{[^}]*opacity:\s*1/s);
});