调整自定义元数据中的文本区域字段的大小

时间：2011-06-07 作者：user5486

以下是自定义元数据库的代码。很简单，如何调整textarea框的大小？我想添加一个表达式，如cols=“50”rows=“5”。

// Echo out the field
    echo \'<p>Enter the location:</p>\';
echo \'<div class="customEditor"><input type="textarea" name="_location" value="\' . $location  . \'" class="widefat" /></div>\';
    echo \'<p>How Should People Dress?</p>\';
    echo \'<input type="textarea" name="_dresscode" value="\' . $dresscode  . \'" class="widefat" />\';
（来源：http://wptheming.com/2010/08/custom-metabox-for-post-type/)

谢谢

4 个回复
最合适的回答,由SO网友:mike23 整理而成

您可以尝试使用CSS对其进行样式化，方法是向textarea添加ID或类，并将样式插入wp\\U管理头。

或者，一个快速的方法是这样做：

echo \'<textarea name="_dresscode" class="widefat" style="width:400px !important; height:80px !important;" >\' . $dresscode  . \'</textarea>\';
如果没有，您是否简单地尝试过：

echo \'<textarea name="_dresscode" class="widefat" cols="50" rows="5">\' . $dresscode  . \'</textarea>\'

SO网友:EFC

使用时cols 的属性textarea 标记是设置metabox表单中文本区域宽度的一种方法，该方法不会很好地响应用户调整WordPress窗口的大小。要响应窗口的大小调整，可能还需要包含内联样式属性。例如：

<textarea name="myName" id="myId" rows="5" cols="60" style="width:99%">Stuff to fill the box</textarea>
Thewidth:99% 将覆盖cols 在理解CSS（几乎所有CSS）并保持文本区域大小适当的浏览器上。

SO网友:fuxia

textarea的正确代码为：

<textarea cols=20 rows=20 name=mytext>Content</textarea>

SO网友:Brad Dalton

Meta Box For Text Area

这包括一个名为wpsites\\u textarea的自定义字段。

?>
<p><label for="wpsites_textarea" class="screen-reader-text"><b><?php _e( \'Genesis Style Meta Box\', \'genesis\' ); ?></b></label></p>
<p><textarea class="widefat" rows="4" cols="4" name="wpsites_textarea" class="inside"><?php echo esc_textarea( genesis_get_custom_field(\'wpsites_textarea\') ); ?></textarea></p>
<p><?php printf( __( \'Suitable for text and HTML. May include %s tags. <a href=" http://example.com/" target="_blank">Learn more about custom meta boxes.</a>\', \'genesis\' ), genesis_code( \'HTML\' ) ); ?></p>
<?php

结束
标签： custom-post-types   metabox   input   小码农  

相关推荐

根据所选类别验证Metabox

好吧，假设我有两个类别。如果用户选择类别a，他们必须填写元框a，类似地，对于类别B，它是元框B。所以我的问题是，我想做一个验证检查，如果用户选中了类别a，那么只填写了元框a，这同样适用于类别B。我知道JQuery是我的最佳选择，但不太确定如何进行，也不确定单击发布按钮时如何调用该函数。