Изменение размера поля textarea в пользовательском метабоксе

Question

Изменение размера поля textarea в пользовательском метабоксе

7 июн. 2011 г., 21:12:27

Просмотры: 23.1K

Голосов: 0

Вот код пользовательского метабокса. Как можно изменить размер поля textarea? Я хотел бы добавить такие атрибуты как cols="50" rows="5".

// Вывод поля
echo '<p>Введите местоположение:</p>';
echo '<div class="customEditor"><input type="textarea" name="_location" value="' . $location  . '" class="widefat" /></div>';
echo '<p>Как люди должны одеваться?</p>';
echo '<input type="textarea" name="_dresscode" value="' . $dresscode  . '" class="widefat" />';

(Источник: http://wptheming.com/2010/08/custom-metabox-for-post-type/)

Спасибо.

user5486

163

пользовательские типы записей метабокс input

Комментарии

Почему бы просто не добавить атрибуты в код?

kaiser

7 июн. 2011 г. 21:57:24

Все ответы на вопрос

Хотя использование атрибута cols тега textarea является одним из способов установки ширины текстовой области в форме метабокса, этот метод не будет хорошо реагировать на изменение размера окна пользователем. Чтобы обеспечить адаптацию к изменению размера окна, вы можете добавить встроенный атрибут стиля. Например:

<textarea name="myName" id="myId" rows="5" cols="60" style="width:99%">Текст для заполнения поля</textarea>

Свойство width:99% переопределит cols в браузерах, поддерживающих CSS (что относится практически ко всем), и сохранит правильный размер текстовой области.

EFC

123

3 дек. 2012 г. 21:40:53

Правильный код для текстового поля textarea:

<textarea cols=20 rows=20 name=mytext>Содержимое</textarea>

fuxia

107K

7 июн. 2011 г. 22:18:27

Комментарии

@kaiser, tosho прав, я даже не заметил, что у тебя html некорректный для textarea... Я обновил свой ответ.

mike23

7 июн. 2011 г. 22:38:41

Майк и @toscho, этот вариант сработал. Большое спасибо.

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

user5486

7 июн. 2011 г. 23:07:01

@user5486 rows="5" /> содержит ошибку. Убери слэш.

fuxia

8 июн. 2011 г. 02:57:35

Метабокс для текстовой области

Это включает пользовательское поле с именем wpsites_textarea.

?>
<p><label for="wpsites_textarea" class="screen-reader-text"><b><?php _e( 'Метабокс в стиле Genesis', '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( __( 'Подходит для текста и HTML. Может содержать %s теги. <a href="http://example.com/" target="_blank">Узнайте больше о пользовательских метабоксах.</a>', 'genesis' ), genesis_code( 'HTML' ) ); ?></p>
<?php

Brad Dalton

6.97K

18 апр. 2014 г. 00:42:39

mike23 6.03K · Accepted Answer · 2011-06-07T21:29:48Z

Вы можете попробовать стилизовать его с помощью CSS, добавив ID или класс к textarea и вставив стили в заголовок wp_admin.

Или быстрый способ сделать что-то вроде этого:

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>'

mike23

6.03K

7 июн. 2011 г. 21:29:48