媒体上传器插入帖子未插入文本字段

Question

我已经为自定义徽标创建了一个插件，它工作正常，但是当我尝试将此功能添加到我现有的主题选项中时它不起作用。

我有这个js代码。

jQuery(document).ready(function() {
jQuery('#upload_logo_button').click(function() {
formfield = jQuery('#eo_theme_options[logo]').attr('name');
tb_show('', 'media-upload.php?type=image&TB_iframe=true');
return false;
});
window.send_to_editor = function(html) {
    imgurl = jQuery('img',html).attr('src');
    jQuery('#eo_theme_options[logo]').val(imgurl);
    tb_remove(); 
}
});

这是html结构，

<div class="grid col-620 fit">
<input id="eo_theme_options[logo]" class="regular-text" type="text" name="eo_theme_options[logo]" value="" placeholder="Custom Theme Logo"> <input id="upload_logo_button" type="button" value="Upload Image" class="button-secondary">
<label class="description" for="eo_theme_options[logo]">Enter your logo URL here.</label></div>

这是生成html的php代码，

protected function text( $args ) {

    extract( $args );

    $value = ( !empty( $this->eo_options[$id] ) ) ? ( $this->eo_options[$id] ) : '';
    $upload = (!empty($options)) ? '<input id="upload_logo_button" type="button" value="'.esc_attr($options).'"  class="button-secondary"/>' : '';

    $html = '<input id="' . esc_attr( 'eo_theme_options[' . $id . ']' ) . '" class="regular-text" type="text" name="' . esc_attr( 'eo_theme_options[' . $id . ']' ) . '" value="'. esc_html( $value ) . '"
    placeholder="' . esc_attr( $placeholder ) . '" /> '.$upload.'
    <label class="description" for="' . esc_attr( 'eo_theme_options[' . $id . ']' ) . '">' . esc_html( $description ) . '</label>';

    return $html;
}

我的媒体上传器工作正常，但它没有插入到文本字段name=eo_theme_options[logo]

我尝试了一切，一切正常，只是插入到应该发布到这个的帖子中，

那会是什么问题呢？

Answer 1

这可能看起来很傻，但是当我过去这样做时，我必须确保我插入的图像链接到“媒体文件”，因此实际上有一个返回图像的路径。所以点击“上传图片”，然后找到你想要的图片，确保它链接到“媒体文件”，然后“插入帖子”。

在我看来，更好的方法是将图像的 ID 存储在隐藏字段中，并显示徽标的缩略图。如果你有图像的 ID，你可以做更多的事情，而不是使用图像的路径。

更新

删除输入ID标签内的括号...

$html = '<input id="' . esc_attr( 'eo_theme_options[' . $id . ']' ) . '"

到

$html = '<input id="' . esc_attr( 'eo_theme_options_' . $id ) . '"