как сделать меню быстрого доступа xenforo
XenForo 2.1: Font Awesome 5, Управление кнопками редактора, поддержка Markdown, Inline spoiler, таблицы
XenForo 2.1 Font Awesome 5
В какой-то относительно неподходящий момент времени, а именно в то же время, когда мы выпустили XenForo 2.0, был выпущен Font Awesome 5. Как Вы знаете, Font Awesome 5 приносит огромное количество новых иконок и в трех разных стилях, light, regular и solid. Технически также существует четвертый стиль, который теперь представляет все иконки бренда.
Количество изменений в FA5 показывает, что нам пришлось подождать до более стабильного выпуска для его реализации и интеграции. Итак, мы передставляем
Прежде всего, Вы, вероятно, захотите решить, какой стиль вам нужен. Для этого мы создали новое свойство стиля в группе свойств стиля «Типография»:
Примечание: По умолчанию мы выбрали «Regular», поэтому Панель управления всегда будет использовать «Regular», независимо от настроек здесь.
Трудно показать Вам, как выглядит каждый стиль, но сравнение панелей инструментов редактора, пожалуй, будет наилучшим примером:
Существующий редактор XF 2.0 с FA4
Редактор XF 2.1 со стилем FA5 «solid»
Редактор XF 2.1 со стилем «regular » FA5 (новый по умолчанию)
Редактор XF 2.1 со стилем «light» FA5
Мы поговорим немного подробнее о том, как использовать иконки в шаблонах позже, так как там есть некоторые изменения. Однако вы можете использовать HTML-код, представленный на веб-сайте FA5, для конкретной иконки. Стоит отметить, что имена некоторых иконок и некоторых понятий изменились, поэтому существующие иконки могут не работать после обновления.
Заметка для дизайнеров и верстальщиков стилей:
Мы внедрили некоторые меры, чтобы избежать полного стирания стилей (в основном связанных с использованием переменных FA в Less шаблонах), но поскольку некоторые имена переменных и имена иконок были изменены, возможно, некоторые из ваших существующих иконок могут отображаться как пустые квадраты или полностью отсутствуют. Мы настоятельно рекомендуем Вам протестировать свои стили с XF 2.1 в самых ранних тестовых версиях движка, что бы они были совместимы с XF 2.1 и готовы к выходу стабильной версии.
In what was some relatively poor timing, around about the time we released XenForo 2.0,
was released. As you may know, Font Awesome 5 brings a huge number of new icons and in three different styles, light, regular and solid. There’s technically a fourth style too, which now represents all of the brand icons.
The number of changes in FA5 means that we’ve had to wait until a more significant release to implement it. So here we are
First and foremost, you will probably want to decide which style you would like. To do this, we have created a new style property under the «Typography» style property group:
Note: the default we have chosen is «Regular» and therefore the Admin CP will always use «Regular» regardless of the setting here.
It’s somewhat tricky to show you exactly what each style looks like, but a comparison of the editor toolbars probably gives the best idea:
Existing XF 2.0 editor with FA4
XF 2.1 editor with FA5 «solid» style
XF 2.1 editor with FA5 «regular» style (the new default)
XF 2.1 editor with FA5 «light» style
We will talk a little bit more about how to use icons in templates at a later date, as there are some changes there. You can, however, just use the HTML code provided on the FA5 website for a specific icon. It is worth noting that the names of some icons and some concepts have changed so your existing icons may not work after upgrading.
A note to style designers:
We have put some measures in place to avoid styles from breaking completely (mostly related to the use of the FA variables in Less templates) but as some variable names and icon names have changed, it is possible that some of your existing icons may render as empty squares or be missing entirely. We strongly recommend you test your styles against XF 2.1 at the earliest of opportunities to ensure that you can be roughly ready for a 2.1 compliant version once it reaches stable.
Вложения
Темы из этой же категории
Связь:
TG: @xenforo_help
XenForo 2.1: Markdown
Многие разработчики наверняка знакомы с Markdown, и я уверен, что многие из вас слышали об этом. В конечном счете это простой и простой в использовании язык форматирования, который позволяет вам более легко форматировать обычный текст в HTML. Синтаксис в местах, конечно, намного проще, чем BB-код, но по многочисленным причинам мы явно не можем полностью отойти от BB-кода.
Любой контент, который когда-либо был написан в XenForo, уже находится в коде BB. BB-код также гораздо более расширяем с точки зрения добавления дополнительных тегов, особенно для пользовательских кодов BB. Добавление Markdown само по себе было бы относительно простым, но самая большая проблема заключалась в том, что он сосуществовал с BB-кодом!
Наше решение заключается в том, что мы поддерживаем (довольно существенное) подмножество типичного синтаксиса Markdown, используя синтаксический анализатор, который мы сами создали. Но вместо того, чтобы преобразовывать Markdown в HTML при загрузке страницы, вместо этого мы анализируем код Markdown до BB-кода во время сохранения.
Сообщение с использованием Markdown
Many developers will certainly be familiar with Markdown, and I’m sure many of you have heard of it. Ultimately it is a simple and easy-to-type formatting language that allows you to more easily format plain text into HTML. The syntax in places is certainly much simpler than BB code but for numerous reasons we clearly can’t move away from BB code entirely.
Any content that has ever been written in XenForo is already in BB code. BB code is also much more extensible in terms of adding additional tags, especially for custom BB codes. Adding Markdown on its own would have been relatively simple, but the biggest challenge was actually making it co-exist with BB code!
Our solution to this is that we support (a fairly substantial) subset of the typical Markdown syntax using a parser we have written ourselves. But rather than parsing the Markdown to HTML on page load, we instead parse the Markdown to BB code at save time.