Снова таблицы...

Народ, помогите пожалуйста разобраться со вставкой таблиц в топики. Поиск юзал — в основном старая информация для старых версий LS, что то там править в Text.class.php… Насколько я знаю сейчас вроде табличные теги 'table', 'th', 'tr', 'td' в jevix.php прописаны. Я попробовал вставить таблицу штрафов с сайта ГИБДД, включил TinyMCE, при создании топика нажал кнопку html — во всплывающее окно вставил код таблицы и он в админке в редакторе вполне нормально отобразился, вот так:



Но после публикации этой таблицы просто нет в топике… сначала идет пропуск нескольких десятков строк, потом такой бред:



Подскажите пожалуйста что я не понимаю или неправильно делаю… и почему с таблицами такой геморой? Может кто то напишет развернутое решение как нормально вставлять таблицы в топики? Желательно без использования tinyMCE но можно и с ним… Лишь бы хоть как то можно было работать с таблицами. LS 1.0.3 Заранее благодарен.

16 комментариев

avatar
Для tinyMCE
1. Сделать это http://livestreet.ru/blog/13290.html. По крайней мере в части таблиц — 100% работает, сам долго еба мучался, но топик помог.
2. Обязательно добавить в css таблицы для топиков… Правда после этого отображение таблиц может всплыть в самых неожиданных местах, например, в списках пользователей или в таблице с личными сообщениями. Верстальщик тут нужен нормальный.
avatar
Спасибо Денис. Попробую конечно настроить тинимайс… получается что без него никак. Просто непонятно почему то в jevix по умолчанию прописана поддержка таблиц, но без tinyMCE и танцев проблему эту не решить…
avatar
Соглашусь, при этом не решить даже за деньги.
avatar
TinyMCE настроил по статье, отредактировал топик… Чуть получше стало, но все равно уродство и как и прежде таблица убегает куда то вниз на несколько страниц экрана:(



Блин столько гемора из за этих таблиц… что же разработчики то не сделают нормально… или хоть бы за деньги кто сделал. Я из за этих таблиц ранее специально покупал редактор какой то там RedactorForLs на основе imperavi… теперь он уже больше года не обновляется так как на LS версия Jquery не самая последняя. Но и тот редактор не решал проблему с таблицами… приходилось снова руками в Css лазать… Короче геморой:(

PS. Кто нибудь подскажите пожалуйста куда в какой файл прописать стили для таблиц… самые простенькие, чтобы просто была табличка сеткой черным по белому:)
avatar
И кто нибудь знает почему он при редактировании топика нормально отображает таблицу? Откуда он берет даже цвета как на оригинальном сайте? Я же ничего ни в какие css не прописывал…
avatar
установите jevix из дистрибутива альты (там парсер срабатывает правильно). Пропуск строк происходит из-за того, что джевикс добавляет переносы строк (
их видно при просмотре исходного кода страницы) по количеству строк в таблице…
avatar
Действительно замена jevix помогла… вниз больше не уезжает:) Осталось как то стили прописать, чтобы границы ячеек были видны, господа верстальщики помогите пожалуйста в каком файле и что прописать. Странно все это… заменил jevix.php на из альто…

avatar
Бляха-муха, изучите синтаксис html тегов для таблиц! Посмотрите как задать границы ячеек…
А если пользуетесь ТиниМЦЕ, то отображение границ настраивается очень просто — обозначением цвета границ во всех ячейках. Для этого выделяете все ячейки и задаете им параметры здесь

Если пользуетесь стандартным редактором — тогда велкам к html спарвочнику с разделом по оформлению таблиц :)
avatar
Бляха-муха, изучите синтаксис html тегов для таблиц! Посмотрите как задать границы ячеек…
Это я понял… в какой файл прописать стили для таблиц непонятно. Не хотелось бы чтобы вылазило потом в профилях юзеров или еще где то как говорил товарищ выше livestreet.ru/blog/questions/16444.html#comment265571

А в TinyMCE не сохраняет он ни хрена как нужно… остается все как на моей крайней картинке. Настраивал как описано здесь livestreet.ru/blog/13290.html
avatar
Стили нет необходимости прописывать где-то еще, любой тег можно задекорировать стилем прямо в нем самом так — для каждого тега свои стили…

Делается это все в режиме редактирования html кода…

Но если нужен сложный путь — открываете файл стилей шаблона и дописываете туда новые классы, теги и прочее. Для того чтобы не было накладок проследите к какому основному стилю относится блок статьи и прописываете стили вкупе с родительским свойством — тогда точно не прогадаете…

Но не понимаю зачем эти грабли?
avatar
парсер теги пропускает… Пример тега:

<table style="color:red; и другие по тому же принципу"
avatar
Я это понимаю. Проблема в том что не сохраняет tinymce так как должно быть. Вот картинка в режиме редактирования топика я обновляю свойства ячеек как Вы писали мне



А вот так все выглядит после публикации



Вот html код начала этой таблицы…

<table id="artlist" class="page-table" style="border-collapse: collapse; border-color: #000000; border-width: 1px; border-style: solid;" cellspacing="2" cellpadding="2">
<thead>
<tr style="background-color: #dce3e4;"><th style="border: 1px solid #000000; background-color: #f5f4f5; width: 120px;">
<h4>Статья</h4>
</th><th style="background-color: #db426a; width: 550px;">
<h4>Правонарушение</h4>
</th><th style="background-color: #68d36a; width: 300px;">
<h4>Санкции / меры обеспечения производства по делу об административном правонарушении</h4>
</th></tr>
</thead>
<tbody>
<tr id="bx_1914200112_221022" class="news-item" style="border: none !important; background-color: #f8faca;">
<td class="artnum">5.43</td>
<td class="arttext">Нарушение требований законодательства, предусматривающих выделение на автомобильных стоянках (остановках) мест для специальных автотранспортных средств инвалидов</td>
<td class="aftermatch"><strong>Наказание:</strong><br />административный штраф на должностных лиц в размере от трех тысяч до пяти тысяч рублей; на юридических лиц - от тридцати тысяч до пятидесяти тысяч рублей
<div class="hr"> </div>
<strong>Дела рассматривают:</strong><br /> Суд</td>
</tr>
avatar
с цветами — действительно парсер не пропускает.

Но рамка получается без проблем: еще раз та же кнопка в Тини МЦЕ



А для раскраски таблиц придется править стили элементов.

То есть так:
.topic-content text table { //или другие классы вашего текста топика
background: #FF0000;
height: 16px;
overflow: hidden;
min-width: 3%;
max-width: 98%;
и другие ваши красявости;
}
avatar
Спасибо за помощь. Да действительно простым копированием Html кода таблицы не получается, но если создать изначально пустую таблицу как вы показали, то да рамки видны и даже заливка работает. Так что придется повозиться с копированием контента в каждую ячейку:) Спасибо за участие.
avatar
Если редко будете использовать таблицы и не надо редактировать ее содержание, то зачем эти танцы с бубном. Пару раз надо было вставить таблицу, но особо не заморачивался. Сделал принтскрин и вставил картинкой.
avatar
Таблицы довольно часто приходится вставлять… да и не получится картинкой, слишком много страниц она занимает.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.