26 Апр, 2013 22:25

Чтобы правильно готовить, нужно знать как готовить

С этим спорить сложно, поэтому сразу ближе к делу.

Вставка ссылок, картинок

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

1. кнопка вставки ссылки
2. кнопка вставки картинки
3. кнопка загрузки картинки с последующей вставкой в виде изображения-ссылки на картинку (которая была загружена)

Если вы думаете, что я стебусь и третий пункт здесь описан ради фана, то нет, все так и есть, это комплексная кнопочка, которая выполняет несколько шагов формирования контента. Теперь подробнее.

Если вы сталкивались с языками разметки HTML, TeX или другими то вам будет проще переварить эту информацию, если нет – решайте сами.

Для того чтобы вставить картинку необходимо взять ссылку на эту картинку в два восклицательных знака, выглядит это так:
!(user image)/uploads/user/1/files/Tarvitz.jpg!

Результат этой вставки:

Для ссылок предусмотрен вот такой вот формат: "ссылочка":http://teccera.ru/
выглядит ссылочка

Магия

Если взять textile разметку, то она более магическая, чем все остальные за счет различных комбинаций использования, а это:

1. возможность указывать стили
2. возможность устанавливать идентифкаторы
3. возможность напрямую обращаться к style объекта

textile всего лишь надстройка для преобразования исходного написанного документа в HTML, на котором собственно все и базируется. Писать большие конструкции именно на HTML как минимум не быстро, да и не безопасно, тем не менее можно использовать его мощность для фактически любого оформления.

Классы и идентфикаторы

Например я знаю, что CSS класс btn отвечает за приятную прорисовку кнопочки, поэтому я могу оформить ссылочку так: "(btn)ссылочка":http://teccera.ru. Выглядит так: ссылочка идентификаторы используют формат "(#ident)ссылочка":http://teccera.ru, но так как на них фактически не лежит никаких пользовательских стилей/видов/улучшений, поэтому их можно не учитывать.

Обращение к style

Я не буду рассказывать как я крашу ссылки :), только потому, что устану потом объяснять, что не надо постить желтое на синем или наоборот, поэтому я просто покажу пример увеличения шрифта. Если уж вас припрет вопрос покраски, вам хватит смелости и ума, чтобы это изучить самостоятельно.

Итак %{font-weight: bold; font-size: 16pt}большой текст%, его вид: большой текст
и так далее

Элементы оформления

Почти все доступные элементы создания вынесены на панельку, кроме таблиц. Поэтому лучше пользоваться ими, здесь лишь я объясню как стоит это делать.
Textile очень сильно зависит от единственного разделителя – новая строка, поэтому например вот такой вот код будет правильным для парсера, но выглядеть будет не так как возможно вы хотели:

h3. Тут текст большим шрифтом
а вот тут просто текст

Все будет показано большим размером, и первая и вторая строчка, для того, чтобы этого не происходило следует:

1. добавлять пустую строку после и перед управляющими элементами
2. пользоваться проверятором он же preview :) (это галачка воткнута она в самый конец)

На этом все сюда вы можете писать свои безумные и умные вопросы, постараюсь ответить на все.

Для полного ознакомления читайте официальное руководство

Редактирован 26 Фев, 2014 21:47
05 Май, 2016 13:14

Методом тыка разобрался, что форматирование текста не работает, если в тексте есть переносы.
А вот спойлер у меня не получился. Как его сделать?

Редактирован 05 Май, 2016 13:14