Разработка сайта для Вашего бизнеса. Веб дизайн. Дизайн логотипа, фирменного стиля, рекламная фотография . Комплексный рекламный креатив.

Ralex. We do the work.
На рынке с 1999го года. Средняя ценовая категория. Ориентация на эффективность решений.
Ознакомтесь с нашим портфолио
Узнайте больше о услугах
Свяжитесь с нами:
E-mail: [email protected]
Tel: (044) 587 - 84 - 78
Custom web design & дизайн и разработка сайта "под ключ"
Креативный, эффективный дизайн. Система управления сайтом (СУС).
Custom flexible разработка систем электронной коммерции
Система e-commerce разрабатывается под индивидуальные потребности. Гибкая функциональность.
Search Engine Optimzation & оптимизация под поисковые системы (SEO)
Постоянная оптимизация и мониторинг сайта в поисковых системах. Достигаем результата быстро и эффективно
Custom logo design & дизайн логотипа и фирменного стиля
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.
профессиональная рекламная фотография
креативно, смело, качественно
Custom logo design & рекламный креатив. дизайн рекламы
Многолетний опыт. Огромное портфолио. Уникальное предложение и цена.

Підсвічування синтаксису ISBL за допомогою Highlight.js

При публікації статей зі вставками коду бажано подбати про комфортний читанні цього коду користувачами. Наприклад, скористатися підсвічуванням синтаксису. Підсвічування синтаксису може знадобитися не тільки при публікації ISBL коду на сайтах, форумах або блогах, але і в будь-небудь ваших веб-проектах, наприклад, в веб-доступі DIRECTUM.

Для підсвічування синтаксису на будь-яких веб-сторінках зручно користуватися бібліотекою Highlight.js. Бібліотека написана на javascript, має відносно невеликий розмір і не вимагає ніяких додаткових бібліотек або фреймворків. Крім цього вона вміє сама знаходити блоки коду і автоматично визначати мову, для якого необхідно застосувати підсвічування синтаксису. Більш докладно про Highlight.js і про те як її використовувати можна почитати на офіційному сайті або на Github .

На поточний момент бібліотека підтримує підсвічування синтаксису для 176 мов і 79 різних стилів відображення підсвічування. Серед підтримуваних мов для підсвічування синтаксису є навіть 1С, але немає ISBL. Щоб усунути це непорозуміння в бібліотеку була додана підтримка підсвічування коду для ISBL і два стилю відображення підсвічування для світлої і темної схеми редактора коду. Вихідний код бібліотеки з підтримкою підсвічування синтаксису ISBL опублікований на Github і доступний за посиланням: https://github.com/MedvedTMN/highlight.js . В кінці статті наведено посилання на вже скомпільовану бібліотеку з підтримкою підсвічування синтаксису основних мов, включаючи ISBL.

Для оформлення будь-яких публікацій на сайтах, форумах або блогах зручно використовувати легковестний популярний WYSIWYG-редактор CKEditor , Який для підсвічування синтаксису використовує плагін Code Snippet . Даний плагін для підсвічування синтаксису використовує бібліотеку Highlight.js і для того, щоб він навчився підсвічувати ISBL, його доведеться трохи допрацювати. В кінці статті наведено посилання на вже доопрацьований плагін, який підтримує підсвічування синтаксису ISBL. Візуально виглядає це так:

Тепер ми підійшли до того, для чого була вся ця передісторія. Напевно багато хто з вас вже помітили, що на сайті спільноти DIRECTUM Club при вставці фрагментів коду з'явилася підтримка ISBL:

На жаль, у розробників ресурсу поки немає вільного часу, щоб додати можливість підтримки колірних схем при вставці коду
На жаль, у розробників ресурсу поки немає вільного часу, щоб додати можливість підтримки колірних схем при вставці коду. Але тому що підтримка підсвічування синтаксису ISBL у нас вже є, ми можемо розфарбовувати код своїми силами, не чекаючи, коли цю можливість додадуть розробники. Для цього в редакторі тексту публікації необхідно натиснути кнопку "Джерело":

І вставити в самий початок тексту наступний опис стилю для світлої теми оформлення редактора коду, взятої з дистрибутива доопрацьованій бібліотеки Highlight
І вставити в самий початок тексту наступний опис стилю для світлої теми оформлення редактора коду, взятої з дистрибутива доопрацьованій бібліотеки Highlight.js і трохи підправленої для цього випадку:

<Style type = "text / css"> .language-isbl.hljs {background: white! Important; color: black! important; } .Language-isbl .hljs, .language-isbl .hljs-subst {color: # 000000! Important; } .Language-isbl .hljs-comment {color: # 555555! Important; font-style: italic! important; } .Language-isbl .hljs-keyword, .language-isbl .hljs-attribute, .language-isbl .hljs-selector-tag, .language-isbl .hljs-meta-keyword, .language-isbl .hljs-doctag, .language-isbl .hljs-name {color: # 000000! important; font-weight: bold! important; } .Language-isbl .hljs-string {color: # 000080! Important; } .Language-isbl .hljs-type, .language-isbl .hljs-number, .language-isbl .hljs-selector-id, .language-isbl .hljs-selector-class, .language-isbl .hljs-quote, .language-isbl .hljs-template-tag, .language-isbl .hljs-deletion {color: # 000000! important; } .Language-isbl .hljs-title, .language-isbl .hljs-section {color: # fb2c00! Important; } .Language-isbl .hljs-title> .hljs-built_in {color: # 008080! Important; font-weight: normal! important; } .Language-isbl .hljs-regexp, .language-isbl .hljs-symbol, .language-isbl .hljs-variable, .language-isbl .hljs-template-variable, .language-isbl .hljs-link, .language -isbl .hljs-selector-attr, .language-isbl .hljs-selector-pseudo {color: # 5e1700! important; } .Language-isbl .hljs-built_in, .language-isbl .hljs-literal {color: # 000080! Important; font-weight: bold! important; } .Language-isbl .hljs-bullet, .language-isbl .hljs-code, .language-isbl .hljs-addition {color: # 397300! Important; } .Language-isbl .hljs-class {color: # 6f1C00! Important; font-weight: bold! important; } .Language-isbl .hljs-meta {color: # 1f7199! Important; } .Language-isbl .hljs-meta-string {color: # 4d99bf! Important; } .Language-isbl .hljs-emphasis {font-style: italic! Important; } .Language-isbl .hljs-strong {font-weight: bold! Important; } </ Style>

Або такий опис стилю для темної теми оформлення редактора коду:

<Style type = "text / css"> .language-isbl.hljs {background: # 404040! Important; color: # f0f0f0! important; } .Language-isbl .hljs, .language-isbl .hljs-subst {color: # f0f0f0! Important; } .Language-isbl .hljs-comment {color: # b5b5b5! Important; font-style: italic! important; } .Language-isbl .hljs-keyword, .language-isbl .hljs-attribute, .language-isbl .hljs-selector-tag, .language-isbl .hljs-meta-keyword, .language-isbl .hljs-doctag, .language-isbl .hljs-name {color: # f0f0f0! important; font-weight: bold! important; } .Language-isbl .hljs-string {color: # 97bf0d! Important; } .Language-isbl .hljs-type, .language-isbl .hljs-number, .language-isbl .hljs-selector-id, .language-isbl .hljs-selector-class, .language-isbl .hljs-quote, .language-isbl .hljs-template-tag, .language-isbl .hljs-deletion {color: # f0f0f0! important; } .Language-isbl .hljs-title, .language-isbl .hljs-section {color: # df471e! Important; } .Language-isbl .hljs-title> .hljs-built_in {color: # 81bce9! Important; font-weight: normal! important; } .Language-isbl .hljs-regexp, .language-isbl .hljs-symbol, .language-isbl .hljs-variable, .language-isbl .hljs-template-variable, .language-isbl .hljs-link, .language -isbl .hljs-selector-attr, .language-isbl .hljs-selector-pseudo {color: # e2c696! important; } .Language-isbl .hljs-built_in, .language-isbl .hljs-literal {color: # 97bf0d! Important; font-weight: bold! important; } .Language-isbl .hljs-bullet, .language-isbl .hljs-code, .language-isbl .hljs-addition {color: # 397300! Important; } .Language-isbl .hljs-class {color: # ce9d4d! Important; font-weight: bold! important; } .Language-isbl .hljs-meta {color: # 1f7199! Important; } .Language-isbl .hljs-meta-string {color: # 4d99bf! Important; } .Language-isbl .hljs-emphasis {font-style: italic! Important; } .Language-isbl .hljs-strong {font-weight: bold! Important; } </ Style>

Світла схема оформлення застосовується автоматично при збереженні тексту публікації, тому її має сенс використовувати тільки, якщо вас дратує схема оформлення в стилі Visual Studio, яка застосовується за умовчанням до не збереження тексту.

В результаті ось так буде виглядати оформлення фрагмента коду ISBL для темної схеми редактора:

// Опис констант ADD_EQUAL_NUMBER_TEMPLATE = "% s.% S =% s" EMPLOYEES_REFERENCE = 'РАБ' / **************************** ***************** * Отримати список кодів або ВД працівників, * * відповідних активного користувача * ******************* ************************** / Employees: IReference.РАБ = CreateReference (EMPLOYEES_REFERENCE; ArrayOf ( "Користувач"; SYSREQ_STATE); MyFunction (FALSE; MyParam * 0.05)) Employees.Events.DisableAll EmployeesTableName = Employees.TableName EmployeesUserWhereID = Employees.AddWhere (Format (ADD_EQUAL_NUMBER_TEMPLATE; ArrayOf (EmployeesTableName; Employees.Requisites ( "Користувач"). SQLFieldName; EDocuments.CurrentUser.ID))) Employees. Open () Result = CreateStringList () foreach Employee in Employees if IsResultCode Result.Add (Employee.SYSREQ_CODE) else Result.Add (Employee.SYSREQ_ID) endif endforeach Employees.Close () Employees.DelWhere (Employee sUserWhereID) Employees.Events.EnableAll Employees = nil

Аналогічним чином можна підготувати будь-яку схему оформлення підсвічування синтаксису мов, підтримуваних редактором. Для цього достатньо взяти будь-яку вподобану схему оформлення підсвічування синтаксису з дистрибутива бібліотеки Highlight.js або розробити якусь свою і оформити її способом, описаним вище.

Скомпільована бібліотека Highlight.js з підтримкою підсвічування синтаксису основних мов, включаючи ISBL:

highlight.pack.js.zip

Плагін Code Snippet для WYSIWYG-редактора CKEditor з підтримкою підсвічування синтаксису ISBL:

codesnippet_isbl_4.8.0.zip

Категории
  • Биология
  • Математика
  • Краеведению
  • Лечебная
  • Наука
  • Физике
  • Природоведение
  • Информатика
  • Новости

  • Новости
    Подготовка к ЕГЭ по математике
    Статьи Опубликовано: 05.10.2017 Подготовка к ЕГЭ по МАТЕМАТИКЕ. 1 часть. Эффективный курс подготовки. Вы находитесь на сайте www.ege-ok.ru - Подготовка к ЕГЭ по математике. Меня зовут Инна Владимировна

    Куда поступить с обществознанием, русским и математикой
    Статьи Опубликовано: 06.10.2017 Сдача ЕГЭ. Куда поступать? Обществознание считается одним из самых популярных предметов, которые выпускники сдают на ЕГЭ. Ввиду высокого рейтинга дисциплины Рособрнадзор

    Сайт Майер Елены - ЕГЭ по математике
    Планируется проведение двух отдельных экзаменов – базового и профильного. Кому сдавать базовый ЕГЭ по математике? Базовый ЕГЭ организуется для выпускников, изучающих математику для общего развития

    ГДЗ решебник по математике 4 класс
    Извините, тут пока ничего нет ((( Решебник по математике 4 класс (Истомина Н.Б.) – не просто возможность быстро выполнить домашнее задание для учащегося, но и способ разобраться в труднорешаемых задачах.

    ГДЗ по математике 1 класс Самсонова самостоятельные работы
    Решебник по математике за 1 класс автора Самсоновой Л.Ю. 2012 года издания. Данное пособие предлагает готовые решения на разнообразные упражнения, направленные на активизацию всего учебного процесса. Здесь

    Для этой работы нужна математика
    Слотов: 956 Рулеток: 7 Лицензия: Pragmatic Play, Microgaming, ELK, Yggdrasil, Habanero, Amatic, Isoftbet, Netent, Rival, Igrosoft, Quickspin. Игры: Автоматы, Покер, Рулетки. Всего 963 Отдача: 98% Бонус

    Веселые задачи по математике 2 класс
    Во время занятий для того, чтобы немного переключить внимание школьников, но при этом не уйти от предмета, можно давать шутливые задачи на сообразительность. Буду пополнять коллекцию таких задач. Дополнительная

    Функция экспонента в Excel
    Одной из самых известных показательных функций в математике является экспонента. Она представляет собой число Эйлера, возведенное в указанную степень. В Экселе существует отдельный оператор, позволяющий

    ЕГЭ по математике 2018
    ЕГЭ по математике, наравне с русским языком , – обязательный экзамен для сдачи выпускниками 11-х классов. По статистике он самый сложный. Мы предлагаем ознакомиться с общей информацией об экзамене и

    Секреты эффективной и быстрой подготовки ко второй части ОГЭ по математике.
    Уважаемые девятиклассники, настоящие или будущие! Часто от вас приходится слышать следующие вопросы. Легко ли подготовиться к заданиям второй части ОГЭ по математике? Сколько для этого понадобится


    Наши клиенты
    Клиенты

    Быстрая связь

    Тел.: (044) 587-84-78
    E-mail: [email protected]

    Имя:
    E-mail:
    Телефон:
    Вопрос\Комментарий: