在页面上显示发布更改的预览

时间:2017-02-02 作者:taymless

我有一个非常不寻常的功能请求,或者只是不知道如何表达它,因为我找不到其他人尝试这样做。

在头版的编辑器中,我添加了一个自定义meta box 从我的帖子中选择标题故事。然后,标题故事将显示在头版的顶部及其特色图像。

现在,当我编辑标题文章的特色图片时,我想在保存之前预览首页上的更改。预览显然可以在帖子页面上使用,但这不是我想要的。

Is there a way I could preview the changes to a post on the front page, where I show the featured image, title and excerpt of that post?

如果有帮助,下面是我用来检索头版标题帖子特色图片的一些代码:

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

1 个回复
SO网友:Gonzoarte

这是HTML和Javascript领域。

对于图像预览,您可能需要input type="file" 具有accept="image/*"onchange 预览和javascript的事件处理程序getElementById 获取要显示以供预览的图像id。看看these examples.

对于文本预览部分,这里是fiddle link. 它使用textarea 对于输入,为空htmldiv 具有预览id和keyup javascript方法作为事件处理程序。修改标题textarea 具有input type="text".

相关推荐

保存Metabox内容无效

我正在尝试保存一个metabox输入,但它似乎不起作用。我使用的是数组(因为我需要我的metabox有60行),所以我假设问题就出在数组中。这是我为管理员提供的metabox函数(它可以正确显示我要显示的信息):function mock_metabox() { global $post; // Nonce field wp_nonce_field( basename( __FILE__ ), \'mock_fields\' ); // in