Intereting Posts
Назначать опубликованные сообщения другому пользователю автоматически Как ограничить символы, показанные на странице – get_content Выход HTML с помощью Theme Customizer не работает Каков наилучший способ сопоставления отношений типа «один ко многим»? Как я могу получить термины таксономии и пользовательские значения полей вновь созданного сообщения Как не отображать сообщение категории на странице блога? создать отдельный шаблон страницы для комментариев WordPress Создать меню входа в систему Передача переменной в качестве постоянного поля URL Как создать элемент управления для непрозрачности css в Настройке Удалить меню администратора WP & WooCommerce – Постоянная ссылка Проблемы Galore Вложенный PHP-синтаксис Как изменить имя отправителя электронной почты с wordpress на (myblogname) в электронной почте «потерянный пароль»? Зачем нужно четыре попытки сбросить пароль, чтобы наконец получить электронное письмо?

Показать предварительный просмотр изменений сообщений на странице

У меня довольно необычный запрос функции или просто не знаю, как это выразить, поскольку я не мог найти кого-то другого, пытающегося это сделать.

В редакторе главной страницы я добавил специальный мета-ящик, чтобы выбрать историю заголовков из моих сообщений. Затем заголовок отображается в верхней части первой страницы с его изображением.

Теперь, когда я редактирую заметки с заголовками заголовков, я хочу просмотреть изменения на первой странице, прежде чем я их сохраню. Предварительный просмотр, очевидно, работает на странице сообщений, но это не то, о чем я прошу.

Есть ли способ, чтобы я мог просмотреть изменения в сообщении на главной странице, где я показываю изображение, название и выдержку этого сообщения?

В случае, если это помогает, вот какой-то код, который я использую, чтобы получить заголовок с надписью на главной странице:

$image_xs = wp_get_attachment_image_src(get_post_thumbnail_id($titleStoryID), 'image-size-small')[0] 

Это HTML и Javascript территории.

Для предварительного просмотра изображения вам может понадобиться input type="file" с accept="image/*" и onchange события onchange для предварительного просмотра и javascript getElementById чтобы получить идентификатор изображения для предварительного просмотра. Взгляните на эти примеры .

Для части предварительного просмотра текста здесь есть ссылка на скрипку . Он использует textarea для ввода, пустой html div с id для предварительного просмотра и метод javascript keyup как обработчик события. Для вашего заголовка измените textarea с input type="text".