Ответы в темах

Просмотр 13 ответов — с 1 по 13 (всего 13)
  • Автор madwastefield

    (@madwastefield)

    TinyMCE Avanced позволяет задавать пользовательские названия стилей?

    Дополнительные параметры -> Создание меню классов CSS. Ставим галку, перетяниваем необходимый комбобокс на панель инструментов, подключаем editor-style.css к каждой странице фронтенда и всё работает.

    Остальное полностью касается css.

    Если бы это было действительно так, то всё бы уже давно у меня работало вот приблизительно как здесь: https://jsfiddle.net/t8s116ta/

    Автор madwastefield

    (@madwastefield)

    А в них есть названия ВАШИХ стилей?

    Да.
    Проблема лишь в том, что система отвергает возможность применения одного стиля например к тексту:

    Большой оборачивающий
    всё
    текст

    совместно с применением того же стиля к слову

    всё

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

    Автор madwastefield

    (@madwastefield)

    У меня TinyMCE Avanced, в котором есть выпадающий список с моими стилями, которые я прописываю в editor-style.css — разве этого не те самые кнопки и стили для редактора которые вы мне предлагаете написать?
    Ещё есть AddQuicktag он добавляет выпадающий список с моими тэгами, которые я тоже могу вручную прописывать в его настройках. Выделяешь текст, выбираешь пункт меню и он обрамляет этот текст заданным тэгом (стиль можно так же в открывающем тэге написать).

    Автор madwastefield

    (@madwastefield)

    Хотите рамочку — пож.

    Хочу рамочку вокруг списка. Расскажите пожалуйста, куда в визуальном редакторе нажать, чтобы она появилась?

    Автор madwastefield

    (@madwastefield)

    SeVlad

    С чего бы?

    На вашем скрине видно, что специфическое форматирование применено к отдельным пунктам списка, но не ко всему списку. Иными словами — рамочки охватывающей все пункты сразу нет.

    Автор madwastefield

    (@madwastefield)

    по моему — визуальный редактор это зло, которое нужно было бы искоренить, простите уж за резкость.
    никогда им не пользуюсь.

    Ну.. С точки зрения искусства вы правы. Но вот со стороны скорости, юзабельности и наглядности (результат форматирования сразу виден) думается мне это будет спор подобный тем, из далёких времён, когда выходила статья: «Компьютерная мышь — кому это вообще нужно!?»

    Автор madwastefield

    (@madwastefield)

    По вашему, искать каждый раз нужный фрагмент текста в огромном полотне моноширного шрифта — это лёгкий путь? (Про поиск по странице знаю — не удовлетворяет)

    Автор madwastefield

    (@madwastefield)

    вы избранный?
    у всех других такая возможность есть

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

    Автор madwastefield

    (@madwastefield)

    Да и вообще списки не помогут, потому, что к ним нельзя применять display: inline-block, вернее можно, но сразу после этого все строки внутри списка выстраиваются в ряд. Они больше не стоят каждый с новой строчки.

    Автор madwastefield

    (@madwastefield)

    Разве «cascading» в данной аббревиатуре ни о чем не говорит?
    И про наследование не знаете?

    Окей. Имеем:

    <ul>
     <li>1</li>
     <li>2</li>
     <li>
      <ul>
       <li>31</li>
      </ul>
    </ul>

    имеем класс
    .incB
    {
    border: solid 1px red;
    nargin-left: 30px;
    }
    и имеем невозможность назначить наш класс непосредствено UL, толкьо LI (так редкатор WP рабтает)
    Как мне при помощи наследования и каскдности добиться того, чтобы применив класс к LI эти свойства получил UL?

    Автор madwastefield

    (@madwastefield)

    Зачем назначать класс списку, у элементов которого и так есть отступы?

    Для обводки. Чтобы каждый дочерний был обведён своей обводкой + обводкой родителя. Без назначения класса списку обводка только у элементов списка и она не обводит вложенных элементов.

    Назначить родительскому и прописать css-правила для вложенных?

    Насколько я знаю в CSS нет селекторов, позволяющих выбрать родителя элемента.

    Автор madwastefield

    (@madwastefield)

    SeVlad
    Поиск по тексту действительно не то. Я пытаюсь работу ускорить. А вот зачем переключаться, ответ на этот вопрос вытекает отчасти из моего предыдущего вопроса. В текстовом редакторе при вставке тэга не случается автозакрытия. Да и вообще частенько случается залазить в текст, чтобы например добавить пробел после спана, ведь текстовый редактор настойчиво хочет его продолжать, и не понимает, что я хочу уже начать писать стандартным стилем. Пока эта проблема решена только для ссылок, там два раза стрелку вправо в конце ссылки жмёшь и ты выходишь за рамки ссылки, а вот как с обычным текстом поступать в таких ситуациях — либо лезть в текст и добавлять пробел после спана, либо добавлять пробел прямо в визуальном и жать на стерашку (удалить форматирование). Да и вообще много всяких мелочей при которых пригодилось бы быстро переключаться в текстовый режим конкретно в тот момент над которым работаешь, хотя бы для того, чтобы посмотреть, что же там сотворил движок на этот раз из за чего всё поплыло и разлетелось.

    Автор madwastefield

    (@madwastefield)

    Denis Yanchevskiy

    1. Сделать списком и через css убрать маркеры.

    Списком не получится, по крайней мере без ручного назначения стиля всему списку, так как через визуальный редактор стили применяются не ко всему списку, а к отдельным элементам (li).
    Шорткод не хочу. Мало ли. Может надоест WP, перелезу на самописные рельсы, придётся там либо автозамену делать, либо поддержку шорткодов городить.

    SeVlad

    наверное нужно написать плагин для TinyMCE со своими кнопками и стилями для редактора

    Да не надо свои плагины писать. Есть плагин в котром можно создать кнопки для TinyMCE, которые будут вставлять заданные шорткоды или тэги прямо в текст и прямо вокруг выделенного фрагмента текста. Только вот беда — для таких вставок тоже работает правило невозможности вложенного стиля с тем же именем. Была идея сделать не одну а 2 кнопки, одна из которых вставляет открывающий тэг, вторая закрывающий, но идея оказалась провальной из за того что WP сразу после вставки открывающего тега автоматически лепит закрывающий. Так что если кто-то знает как это отключить — сообщайте. Это будет очень круто и позволит городить невероятных монстров прямо из визуального редактора.

Просмотр 13 ответов — с 1 по 13 (всего 13)