0 Пользователей и 1 Гость просматривают эту тему.
  • 9 Ответов
  • 5214 Просмотров
*

Dron79

  • Захожу иногда
  • 321
  • 37 / 0
  • Век живи - век учись!
Переодически появляются сообщения о неработающем выравнивании картинок в в материале спомощью редактора TinyMCE.
На форуме были предложены разные пути решения данной проблемы, хочу предложить свой.
Суть решения данной проблемы заключается в создании своих классов стилей выравнивания картинки, и внесения их в начало файла template.css текущего шаблона. А затем спомощью раскрывающегося списка "стили" выбираем для картинки нужный вам стиль для выравнивания картинки в тексте. Што нам этот способ дает? Самое главное это, чистый код  и отсутствие побочных эфектов. Плюс возможность индуальной настройки оформления изображений под себя.
Пример:создаем код
Код: css
.imgbaseline {
vertical-align: baseline;
border: 0px none #000000;
}
.imgtop {
vertical-align: top;
border: 0px none #000000;
}
.imgcentr {
vertical-align: middle;
border: 0px none #000000;
}
.imgbottom {
vertical-align: bottom;
border: 0px none #000000;
}
.imgtext-top{
vertical-align: text-top;
border: 0px none #000000;
}
.imgtext-bottom {
vertical-align: text-bottom;
border: 0px none #000000;
}
.imgleft {
float: left;
border: 0px none #000000;
}
.imgright {
float: right;
border: 0px none #000000;
}
Вносим его в начало файла CSS текущего шаблона, и после обновления кеша получаем в раскрывающемся меню "Стили" список стилей, что соответствует стилям форматирования изображения в редакторе.
imgbaseline        - по базовой линии
imgtop              - по верху
imgcentr           -  по центру
imgbottom         - по низу
imgtext-top       - по верху текста
imgtext-bottom  - по низу текста
imgleft              - влево
imgright            - впрво
При желании список стилей можно расширить.
Желаю всем успеха, кому помогло пишите, критика тоже приветствуется  *DRINK*
кодинг на php.
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Спасибо! Это в редакторе должны появляться эти созданные стили?
Скопировала этот код, вставила в CSS файл шаблона. В редакторе ничего не появилось...Кеш очистила.
Блин, ну че ж делать?
Либо сохраняется форматирование картинки, а тег strong превращаются в <b>, либо наоборот. А вот вместе никак.
*

selimoff

  • Захожу иногда
  • 243
  • 16 / 0
  • heads up!!!
Спасибо! Это в редакторе должны появляться эти созданные стили?
нет, сами прописывайте их
JNavigation скачать Здесь
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Эх, вот бы еще знать как:)
сейчас будем гуглить
*

Dmitry_

  • Осваиваюсь на форуме
  • 47
  • 3 / 0
Совсем не обязательно создавать столько классов, достаточно указать все параметры по умолчанию для всех изображений редактируя тег img в файле стилей template.css и тогда выравнивание будет работать так как вы укажете в редакторе TinyMCE

img
{

}
*

selimoff

  • Захожу иногда
  • 243
  • 16 / 0
  • heads up!!!
допустим так:

Код
<div class="article-content">Ваш текст</div>

в css

Код
div.article-content img, .img-desc img {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DEDED0;
    margin: 0 8px 0 0;
    padding: 4px;
}
JNavigation скачать Здесь
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
<div class="article-content">Ваш текст</div>
это в index.php вставлять?

что-то плохо я догоняю...
*

selimoff

  • Захожу иногда
  • 243
  • 16 / 0
  • heads up!!!
Нет, если вы хотите добавить картинку в статье, то пишите <div class="article-content">Ваш текст</div> в редакторе HTML и следующий код в файле CSS вашего шаблона :)

Код
div.article-content img {
    background: #FFFFFF none repeat scroll 0 0;
    border: 1px solid #DEDED0;
    margin: 0 8px 0 0;
    padding: 4px;
}
JNavigation скачать Здесь
*

fresh3

  • Захожу иногда
  • 79
  • 1 / 0
Ага, сейчас попробую
Большое спасибо за советы:))))
*

Dron79

  • Захожу иногда
  • 321
  • 37 / 0
  • Век живи - век учись!
Спасибо! Это в редакторе должны появляться эти созданные стили?
Скопировала этот код, вставила в CSS файл шаблона. В редакторе ничего не появилось...Кеш очистила.
Блин, ну че ж делать?
Либо сохраняется форматирование картинки, а тег strong превращаются в <b>, либо наоборот. А вот вместе никак.
Да в редакторе, в раскрывающемся списке "стили". У меня они тоже не сразу появились, пока кеш броузера не почистил.
кодинг на php.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Перетаскивание картинок в редактор

Автор SmYk

Ответов: 15
Просмотров: 2204
Последний ответ 21.02.2018, 20:17:48
от mlukyanov
Актуальность проблемы с TinyMCE

Автор Magnum

Ответов: 58
Просмотров: 17597
Последний ответ 22.02.2014, 22:16:10
от atolic
Проблемы с TinyMCE в Joomla 2.5.6 / 2.5.7

Автор djekil

Ответов: 19
Просмотров: 6671
Последний ответ 04.07.2013, 23:11:30
от systemua
Решение проблемы с добавлением видео и прочих внешних компонентов (теги: script,applet,iframe)

Автор Aeronaut

Ответов: 3
Просмотров: 5509
Последний ответ 27.06.2012, 09:05:18
от surik2
Проблемы при сохранении статьи - затерается js на ссылке созданный TinyMCE

Автор Lann

Ответов: 1
Просмотров: 1632
Последний ответ 22.12.2011, 12:52:33
от Lann