Почему визуальный редактор в WordPress ограничивает ширину, оборачивая содержимое?

8

Почему визуальный редактор в Wordpress ограничивает ширину, оборачивая содержимое?

Я нахожу это поведение в редакторе по крайней мере раздражающим, оно мешает мне использовать мой экран.

editor Сорин
источник
Можете ли вы объяснить, что вы хотите, чтобы редактор делал по сравнению с тем, что он на самом деле делает? Обтекание текста в поле редактирования является поведением по умолчанию любого текстового редактора ... поэтому я не совсем уверен, с какой проблемой вы
столкнулись

Ответы:

15

Опасаясь угадать, что вы на самом деле имеете в виду, я полагаю, вы имеете в виду, что происходит нечто подобное:

Перенос слов

Если это то, на что вы ссылаетесь, это потому, что ваша тема имеет editor-style.cssтаблицу стилей, которая используется в визуальном редакторе. Где-то внутри этой таблицы стилей что-то вроде этого:

html .mceContentBody {
    max-width:640px;
}

Удаление этого или изменение max-widthзначения позволит вам настроить это. Другим вариантом является полное удаление таблицы стилей. Чтобы сделать это, найдите следующую строку кода в своей теме (вероятно, в functions.php):

add_editor_style();

и удали это.

Если это не ваша проблема, я прошу прощения и хотел бы получить разъяснения.

РЕДАКТИРОВАТЬ

Поскольку WordPress загружает вашу таблицу стилей до загрузки таблицы стилей шаблона, существует два способа переопределения стилей. Первое (и самое простое): сделайте свой стиль важным:

html .mceContentBody {
  max-width: none !important;
}

Чтобы редактор вообще не загружал родительские стили, вы можете добавить это в файл functions.php вашей темы:

function get_rid_of_editor_styles(){
  global $editor_styles;
  if(is_array($editor_styles))
    foreach($editor_styles as $e)
      $e = 'editor-style.css' == $e ? '' : $e;
}
add_action('init','get_rid_of_editor_styles');

function add_my_own_editor_styles(){
  add_editor_style( 'custom-editor-style.css' );
}
add_action('after_setup_theme','add_my_own_editor_styles');

Затем в своей дочерней теме используйте custom-editor-style.cssвместо таблицы стилей редактор дочерней темы editor-style.css.

Обратите внимание, что последняя часть ответа не будет лучшим решением для всех. Я предлагаю его только потому, что знаю, что вы используете дочернюю тему, используя в качестве шаблона двадцать.

Джон П Блох
источник
Спасибо, вы правильно догадались. Тем не менее что - то еще не завершен: где поставить переопределение .. max-width: none;. Я пытался поместить его в свою дочернюю тему, но он не загружается, когда я нахожусь в администраторе - не знаю почему (родительский двадцать). Идея заключается в том, что я хочу поместить его в такое место, где оно не будет переопределено обновлением WordPress или обновлением родительской темы.
Сорин
Хорошо, вот как выглядит WordPress: он добавляет таблицу стилей вашей темы, ТО (если она все еще вызывается) стили редактора шаблона. Я отредактирую ответ выше с некоторыми возможными решениями.
Джон П Блох
3
Небольшое обновление: WordPress 3.1 загрузит таблицу стилей дочерней темы после родительской. Это позволит вашим стилям переопределять родительские стили без необходимости полного удаления родительских стилей редактора. Более подробная информация здесь: core.trac.wordpress.org/ticket/14430
Джон П Блох