Использование TinyMCE Rich Text Editor - как изменить размер текстового поля?

Question

Я только что внедрил на своем сайте многофункциональный текстовый редактор TinyMCE, и это на самом деле довольно круто, но у меня есть 2 вопроса.

На этой странице, например: http://www.problemio.com/add_problem.php

1) Что такое текст «Path p» внизу текстовой области?Это не имеет смысла, и я не уверен, как это изменить.

2) Как сделать текстовую область по умолчанию выше?Я изменил HTML-код страницы следующим образом:

<textarea name="problem_blurb" cols="60" rows="9" id="problem_blurb"></textarea>

Но изменение параметра строки, похоже, не влияет на высоту текстовой области.Есть ли способ изменить высоту текстовой области?Я посмотрел на JS из пакета TinyMCE, но он сжат и не читается, поэтому мне интересно, есть ли более простой способ изменить высоту текстовой области.

Спасибо !!

Answer 1

1) Путь - это текущий элемент HTML, в котором вы находитесь во время редактирования.Это означает, что вы пишете внутри элемента <p>...</p> (обычный абзац).

2) Вы должны использовать параметры ширины и высоты CSS.Вы можете сделать что-то вроде:

<textarea name="problem_blurb" id="problem_blurb"
style="width: 500px; height: 300px;">
</textarea>

Обратите внимание, что если вы включили режим изменения размера в TinyMCE, он мог бы сохранить текущий размер и затем игнорировать значение CSS-набора.Чтобы увидеть ваши изменения, очистите кеш браузера и файлы cookie.

Answer 2

1. Путь p означает, что вы находитесь внутри абзаца (html-тег p).Путь покажет вам, где вы пишете внутри форматированного текста (поэтому, если вы видите, div p означает, что вы находитесь внутри p, который находится внутри div)
2. Измените rowsАтрибут изменит высоту.Попробуйте изменить его на 15, и вы увидите разницу.

Answer 3

1) Ответы уже получены от Alf и AurelioDeRosa.Это очень хорошая функция.

2) Вы можете установить высоту и ширину вашего редактора tinymce, используя параметр конфигурации width и height tinymce.