Оправьте текст в HTML/XHTML TextArea

Ответ 1

Я не думаю, что это возможно в элементе html textarea. вы можете использовать какой-то редактор wysiwyg (редактируемый div). то есть. FCKeditor

Ответ 2

Я занимался той же проблемой и обнаружил очень глупое решение. Убедитесь, что текст, который будет отображаться, попадает в элементы начального и конечного тегов в одной строке, а не в следующей строке

<textarea  name="description" readonly="readonly" rows="4" cols="66">Text aligned toward left</textarea>

и не нравится

<textarea  name="description" readonly="readonly" rows="4" cols="66">
Text aligned toward left
</textarea>

Ответ 3

В зависимости от вашего целевого браузера... это решение работает в Chrome. Однако он не работает в Firefox, но я все равно отправлю его.

В дополнение к настройке text-align: justify, вы также должны установить white-space: normal.

    textarea {
        text-align: justify;
        white-space: normal;
    }

JSFIDDLE: http://jsfiddle.net/cb5JN/

Ответ 4

Я считаю, что обычной практикой является использование TEXTAREA для ввода без оглядки на оправдание; и затем, как только вход обрабатывается (т.е. отправляется FORM или происходит событие TEXTAREA), содержимое отображается в редактируемом текстовом элементе (например, P, SPAN, TD), где будет соблюден атрибут стиля text-align: justify;.

Ответ 5

Для меня (в Firefox) этот код отлично работает:

textarea{
    resize: none;
    text-align: justify;
    white-space: pre-line;
    -moz-text-align-last: left;
    text-align-last: left;
}

Ответ 6

Использование общего div с contenteditable = "true" работало в моем случае. Однако не работает для большинства мобильных браузеров.

<div contenteditable="true">Some content</div>

Ответ 7

Он отлично работает на Chrome, но не на IE.

text-align: justify; white-space: normal;