Чому textarea заповнена таємничими білими пробілами?

У мене є проста текстова область у такій формі:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink">
    <?php if($siteLink_val) echo $siteLink_val; ?> 
</textarea>

Я продовжую отримувати зайвий простір у цій текстовій області . Коли я вкладаю в нього, курсор знаходиться як посеред текстової області, а не на початку? Яке пояснення?

Подивіться уважно на свій код. У ньому вже три перерви лінії, а тонна білого простору раніше </textarea>. Видаліть їх першими, щоб більше не було розривів рядків між тегами. Це вже може зробити трюк.

Ну, все між <textarea>і </textarea>використовується як значення за замовчуванням для вашого поля текстових повідомлень. У вашому прикладі є пробіл. Спробуйте усунути все це.

Відкрийте (і закрийте!) Свої теги PHP одразу після та перед вашими textareaтегами:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php
  if($siteLink_val) echo $siteLink_val;
?></textarea>

Коротше кажучи: <textarea>слід негайно закритись на тій же лінії, де вона почалася.

Загальна практика: це додасться до розривів рядків та пробілів, які використовуються для відступу в коді.

<textarea id="sitelink" name="sitelink">
</textarea>

Правильна практика

<textarea id="sitelink" name="sitelink"></textarea>

В основному так і має бути

<textarea>something here with no spaces in the begining</textarea>

Якщо є якісь заздалегідь задані пробіли, скажемо через формат коду, як показано нижче

<textarea>.......
....some_variable
</textarea>

Пробіли, показані крапками, додаються під час кожного надсилання.

Будь-який проміжок між тегами відкриття та закриття тегів буде розглядатися як пробіл. Отже, для вашого вищевказаного коду правильним буде такий спосіб:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php if($siteLink_val) echo $siteLink_val; ?></textarea>

Ще однією проблемою було б використання javascript:

//jquery
$('textarea#someid').html($('textarea#someid').html().trim());

//without jquery
document.getElementById('someid').innerHTML = document.getElementById('someid').innerHTML.trim();

Це я і зробив. Видалення пробілів та розривів рядків у коді робить рядок занадто довгим.

Щоб зробити вигляд трохи чистішим, подумайте про використання потрійного оператора:

<textarea><?=( $siteLink_val ? $siteLink_val : '' );?></textarea>

<textarea style="width:350px; 
 height:80px;" cols="42" rows="5" name="sitelink"
 ><?php if($siteLink_val) echo $siteLink_val; ?></textarea> 

Переміщення ...> вниз працює для мене.

У мене така ж проблема, і рішення дуже просте: не запускайте новий рядок! Хоча деякі попередні відповіді можуть вирішити проблему, ідея не викладена чітко. Важливо розуміння того , щоб позбутися від незапланованих просторів, ніколи не почати новий рядок тільки після відкриваючого тега.

Наступний спосіб WRONG і залишить багато небажаних пробілів перед вашим текстовим вмістом:

 <textarea>
    text content // start with a new line will leave a lot of unwanted spaces
 </textarea>

ПРАВИЛЬНИЙ ШЛЯХ зробити це:

 <textarea>text content //put text content right after your start tag, no new line
 </textarea>

Переконайтеся, що після цього немає пробілу рядків чи пробілу, це переконайтеся, що немає пробілу чи вкладки, просто скопіюйте та вставте цей код :) Я це виправив для вас

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php if($siteLink_val) echo trim($siteLink_val);?></textarea>

Крім того: тег textarea відображає пробіли для нових рядків, вкладок тощо у багаторядковому коді.

зберігайте код textarea без додаткових пробілів всередині

крім того, якщо ви бачите зайві порожні рядки, рішення мета на мові:

<textarea>
for line in lines:
echo line.replace('\n','\r')
endfor
</textarea>

він буде друкувати рядки без додаткових порожніх рядків, звичайно, це залежить, якщо ваші рядки закінчуються на '\ n', '\ r \ n' або '' - будь ласка, адаптуйте

У текстовій області відображені таємничі пробіли, оскільки в тегах існує реальний простір. <textarea> <php? echo $var; ?> </textarea> після видалення цих зайвих пробілів між тегами вирішиться проблема наступним чином. <textarea><php? echo $var; ?></textarea>

Одне з моїх рішень - це додавання стилю white-space: normal;до текстової області, оскільки часом неможливо усунути всі пробіли (наприклад, коли ви хочете, щоб ваш код дотримувався ваших правил кодування, що вимагає додавання вкладок, пробілів та розривів рядків)

Зверніть увагу, що для текстових областей за замовчуванням, принаймні для хрому, за замовчуванням є: white-space: pre-wrap;

Якщо ви все ще любите використовувати відступи, зробіть це після відкриття <?phpтегу, наприклад:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?php // <--- newline
    if($siteLink_val) echo $siteLink_val; // <--- indented, newline
?></textarea>

Я знаю, що вона пізно, але може допомогти іншим.

використовувати це, коли потрібне відступ документа.

$('document').ready(function()
{
    $('textarea').each(function(){
            $(this).val($(this).val().trim());
        }
    );
});

те саме питання

Я проти HTML-коду, змішаного з PHP-кодом.

Однак спробуйте це:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink">
<?php 
    if($siteLink_val) 
        echo trim($siteLink_val);
?> 
</textarea>

Просто визначте свій і ваш тег теги в одному рядку.

<textarea class="form-control"
          id="newText"
          rows="6"
          placeholder="Your placeholder here..."
          required
          name="newText"></textarea>

Крім того, коли ви говорите, що курсор знаходиться у "середині" текстової області, я змушую вас думати, що ви також можете мати додаткові накладки або вирівнювання тексту: центр визначений десь у вашій CSS.

Спершу переконайтесь, що ваш $ siteLink_val не повертає пробіл як значення. Елемент <textarea> за замовчуванням має порожнє значення, тому, якщо змінна, яку ви повторюєте, з якихось причин має пробіли, у вас проблема негайно.

Щоб зробити код абсолютним чистим, я б запропонував вам зробити щось подібне, надаючи трохи більшої гнучкості пізніше. Я створив функцію, яка повертає або NULL, якщо змінної немає (те, що вам здається, націлений у початковій публікації), і абсолютне значення в іншому випадку. Переконавшись у вмісті змінної, спробуйте:

function build_siteLink_val() {
     if ( $siteLink_val ) {
          return $siteLink_val;
     }

     else {
          return "";
     }
}

$output_siteLink_val = build_siteLink_val();

І наступний код у вашій текстовій області читатиме зараз:

<textarea style="width:350px; height:80px;" cols="42" rows="5" name="sitelink"><?=$output_siteLink_val?></textarea>

Це припускає, що ваша установка PHP налаштована на виклики змінної короткої сторони, як видно із скорочених тегів "<? =?>". Якщо ви не можете вивести цей спосіб, не забудьте заздалегідь скласти PHP-код "<? Php" і закрити "?>".

Уникайте розривів рядків між <textarea> ', оскільки це може створити потенцію помилкових символів.

Також перевірте свій CSS, щоб переконатися, що не існує правила прокладки, що просуває текст всередину.

Крім того, ви визначаєте значення col та рядків на textarea, а потім стилі ширини та висоти. Ці правила є контрпродуктивними і спричинять непослідовність візуальних зображень. Дотримуйтесь або визначаючи розмір за стилем (я рекомендую надати елементу клас), або рядками / cols.