Bitrix визуальный редактор: Карта сайта

1. Изменения в файле  /bitrix/js/fileman/html_editor/html-base-controls.js

В методе GetControlsMap: function(){. ..} в массив res[] добавим две строчки:

{id: ‘InsertCode’, compact: false, sort: 255},
{id: ‘InsertQuote’, compact: false, sort: 255},

которые и будут инициализировать соответствующие им методы и кнопки в других файлах, рис. 1

Рис. 1

2. Изменения в файле  /bitrix/js/fileman/html_editor/html-actions.js

В методе  GetActionList: function(){…} в объект this.actions = {}  добавим следующие строчки

insertCode: this.GetCode(),
insertQuote: this.GetQuote(),

которые будут вызывать стандартные обработчики кнопок в визуальном редакторе страниц и инфоблоков, рис. 2

Рис. 2

3. Изменения в файле  /bitrix/js/fileman/html_editor/html-controls.js

Ну и последний штрих, в метод window.BXHtmlEditor.Controls = {}  в самом конце добавим две строчки

InsertCode: CodeButton,
InsertQuote: QuoteButton

Рис. 3

На этом все!

Обновите страницу, открывайте любую страницу сайта или элемента инфоблока, хоть в админке, хоть в публичке и там будут наши долгожданные две новые кнопки: «Вставка кода» и «Цитата«.

Но к сожалению, после недавних обновлений появился очередной казус, новый визуальный редактор стал подставлять переносы строк между строками кода и отступы слева,  и после вставки кода он все равно некрасивый, громоздкий, рис. 4

Рис. 4

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

Заключение

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

Помните, если Вы сделаете так на своем сайте:

• то при следующих обновлениях Битрикс эти файлы могут затереться и все опять надо будет сделать заново.
• также Вам техподдержка Битрикс может отказать по любому обращению, если обнаружит какие-то изменения, т.к. вы изменяете ядро Битрикс, системные обновляемые файлы.
  

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

p.s. у нас остается универсальный вечный вариант №2, об этом возможно чуть позже напишу, продолжение следует…

Оглавление

BITRIX. Работа с редактором 2

Внешний вид редактора 2

Панель инструментов 2

Форматирование текста 3

Размер шрифта 3

Кнопки форматирования 4

Выравнивание текста 4

Списки элементов 5

Копирование и вставка текста 5

Работа с таблицами 6

Создание новой таблицы 6

Редактирование существующей таблицы 6

Работа с гиперссылками 7

Создание ссылки 7

Ссылка на документ на сервере 7

Ссылка на другой сайт 9

Загрузка и размещение изображения 9

Выбор изображения из медиабиблиотеки 10

Выбор изображения из структуры сайта 11

BITRIX. Работа с редактором

Внешний вид редактора

Визуальный редактор, открываемый из Публичной части и из Административного раздела несколько различается по функционалу. Будем описывать окно редактора в Административном разделе, т.к. в нем доступен несколько более широкий набор кнопок и возможностей, чем в Публичной части.

Панель инструментов

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

• Стандартные

• Стиль

• Форматирование 

Форматирование текста

Визуальный редактор предоставляет различные средства форматирования текста. Опишем подробнее кнопки и выпадающие списки панели форматирования:

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

Значение Normal из списка выбрано по умолчанию, оно соответствует отсутствию заголовка.

Цвет фона текста задается по кнопке .

Цвет самого текста задается по кнопке .

Размер шрифта

В редакторе могут быть использованы следующие размеры шрифтов:

Кнопки форматирования

Рассмотрим, с помощью каких тегов реализуется различное написание текста.

Кнопка  удаляет текстовое форматирование, т. е. удаляет тег <font> со всеми его атрибутами, отменяет выделение жирным, курсивом, подчеркивание.

Кнопка  позволяет вставить горизонтальный разделитель. В коде это действие выполняется с помощью тега <hr>

Выравнивание текста

Списки элементов

В визуальном редакторе есть возможность создать два вида списков: нумерованный и маркированный. Первый вариант создается с помощью кнопки  и выглядит так:

1. первый

2. второй

3. третий

Второй вид, маркированный список, создается с помощью кнопки  и выглядит так:

• первый

• второй

• третий

List of Best Bitrix Site Manager Alternatives & Competitors 2022

• Strapi

  Compare

• Webflow

  Compare

• Sitecore Experience Manager

  Compare

• Agility CMS

  Compare

• WordPress

  Сравнить

• Сравнить

• Evernote

  Сравнить

• Drupal

  Сравнить

• HubSpot CRM

  Сравнить

  Узнать больше

Лучшие альтернативы Bitrix Site Manager для малого бизнеса

ManageWP — это консоль управления WordPress, которая позволяет пользователям легко управлять несколькими сайтами WordPress.

Функции с более высоким рейтингом

• Платформа и инфраструктура
• Безопасность
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

WordPress VIP от команды Automattic — это корпоративный хостинг WordPress с функциями клиента или цифрового взаимодействия для предприятий.

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Concrete CMS (ранее Concrete5) — это бесплатная система управления контентом с открытым исходным кодом, построенная на PHP для контента в Интернете, а также для интрасетей. Он оптимизирован для поддержки создания онлайн-журналов и газет.

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

Divi — это больше, чем просто тема WordPress. Это платформа для создания веб-сайтов, которая заменяет стандартный редактор сообщений WordPress новым визуальным редактором. Поставщик заявляет, что им могут пользоваться как профессионалы в области дизайна, так и новички, и он разработан, чтобы дать пользователям возможность легко и эффективно создавать впечатляющие проекты.

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

WebWave — альтернатива агентствам и фрилансерам для создания пользовательских сайтов для клиентов с поддержкой CMS. Использование CMS без жертв WebWave — это платформа CMS, которая дает дизайнеру точность до 1 пикселя в каждой отдельной детали, как и в более сложных графических программах, таких как Photoshop, оставаясь при этом программным обеспечением перетаскивания. Это сделано для того, чтобы сделать создание веб-сайтов намного быстрее, не теряя при этом деталей. Тратьте меньше времени на разговоры WebWave также помогает пользователям общаться с…

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Bloomreach — это облачное решение для коммерции, целью которого является предоставление брендам возможности предлагать покупателям настолько персонализированные способы взаимодействия, что они ощущаются как волшебство. Он предлагает набор продуктов, направленных на подлинную персонализацию и рост цифровой коммерции, в том числе: Discovery, предлагающий поиск и мерчандайзинг на основе ИИ; Контент, предлагающий безголовую CMS; и Engagement, предлагая CDP и решения для автоматизации маркетинга. Вместе эти решения объединяют унифицированные данные о клиентах и ​​продуктах со скоростью и масштабом…

Функции с более высоким рейтингом

• Платформа и инфраструктура
• API

Популярные интеграции

Недостаточно информации для отображения интеграций.

Progress Sitefinity — это платформа управления контентом и клиентской аналитики. Он поддерживает управление контентом, индивидуальный маркетинг, многоканальное управление и сайты электронной коммерции.

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграций.

Webflow со штаб-квартирой в Сан-Франциско предлагает то, что они называют визуальным решением для веб-дизайна, с CMS для редакторов, дизайнеров и разработчиков, которая, по их словам, позволяет пользователям создавать необходимые структуры контента, добавлять контент (вручную, из CSV, или через наш API), а затем оформить его визуально. Планы обслуживания Webflow также включают хостинг веб-сайтов с базовым планом для сайтов, которым не нужна CMS, а также планы CMS, Business и Enterprise. Планы электронной коммерции Webflow предназначены для поддержки новых…

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Elementor — это конструктор страниц WordPress и набор инструментов для творчества от одноименной компании в Израиле.

Функции с более высоким рейтингом

• Создание веб-контента
• Платформа и инфраструктура
• Безопасность

Популярные интеграции

Недостаточно информации для отображения интеграций.

WordPress — это популярная среди блоггеров издательская платформа с открытым исходным кодом, а также система управления контентом, известная своей простотой и возможностью модификации. Веб-сайты могут размещать свои собственные сообщества блогов, контролируя и модерируя контент с единой панели управления.

Функции с более высоким рейтингом

• Управление веб-контентом
• Безопасность
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграций.

Лучшие альтернативы Bitrix Site Manager для компаний среднего размера

WordPress VIP от команды Automattic — это корпоративный хостинг WordPress с функциями клиента или цифрового опыта для предприятий.

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Image Relay Marketing Delivery хранит цифровые активы и информацию о продуктах в одном месте с целью поддержки быстрого и беспрепятственного создания и доставки.

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Tridion (ранее SDL Tridion) стремится объединить людей, процессы и информацию с помощью полного набора технологий совместного управления контентом, управления знаниями и безголовой доставки. В сочетании с ускорителями для быстрой окупаемости и решениями по управлению переводами RWS для глобального охвата. Его ключевые компоненты включают в себя: Tridion Sites предоставляет возможности управления веб-контентом, объединяя людей, процессы и информацию между командами, брендами и рынками для предоставления…

Функции с более высоким рейтингом

• Платформа и инфраструктура
• Безопасность
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

Storyblok помогает командам рассказывать свои истории и управлять своим контентом для каждого варианта использования: корпоративные веб-сайты, электронная коммерция, службы поддержки, мобильные приложения и экраны. Особенности сториблока: Визуальный редактор: Предварительный просмотр изменений в реальном времени на веб-сайте. Компонентный подход: вложенные блоки контента упрощают управление контентом. на…

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Bloomreach — это облачное решение для коммерции, целью которого является предоставление брендам возможности предлагать покупателям настолько персонализированные способы взаимодействия, что они ощущаются как волшебство. Он предлагает набор продуктов, направленных на подлинную персонализацию и рост цифровой коммерции, в том числе: Discovery, предлагающий поиск и мерчандайзинг на основе ИИ; Контент, предлагающий безголовую CMS; и Engagement, предлагая CDP и решения для автоматизации маркетинга. Вместе эти решения объединяют унифицированные данные о клиентах и ​​продуктах со скоростью и масштабом…

Функции с более высоким рейтингом

• Платформа и инфраструктура
• API

Популярные интеграции

Недостаточно информации для отображения интеграций.

Progress Sitefinity — это платформа управления контентом и клиентской аналитики. Он поддерживает управление контентом, индивидуальный маркетинг, многоканальное управление и сайты электронной коммерции.

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграций.

Acoustic Content (ранее Watson Content Hub) дает владельцам бизнеса возможность создавать надежные и согласованные впечатления от бренда с помощью облачных возможностей управления когнитивным контентом. Специалисты по маркетингу и мерчендайзингу могут быстро выбирать контент для создания релевантных предложений, доставляемых по нескольким каналам, таким как мобильные устройства, веб-сайты или электронная почта. Acoustic является независимым подразделением IBM Watson Marketing в 2019 году..

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

WordPress — это популярная среди блоггеров издательская платформа с открытым исходным кодом, а также система управления контентом, известная своей простотой и возможностью модификации. Веб-сайты могут размещать свои собственные сообщества блогов, контролируя и модерируя контент с единой панели управления.

Характеристики с более высоким рейтингом

• Управление веб-контентом
• Безопасность
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

Хосты Optimizely Content Management System работают на основе персонализации на основе искусственного интеллекта, которая позволяет пользователю предоставлять индивидуальный контент каждому посетителю. Решение помогает определить творческие рекомендации, искусственный интеллект, вспомогательную сегментацию и контекстные данные, персонализирующие опыт, могут быть созданы с минимальными усилиями. Поставщик заявляет, что его результаты — более высокая рентабельность инвестиций, более быстрая конверсия, улучшенное привлечение потенциальных клиентов и лучшее обслуживание клиентов.

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

Contentful — это облачное решение CMS, которое обеспечивает возможность управления контентом на нескольких платформах. Интерфейс редактирования позволяет управлять контентом в интерактивном режиме и предоставляет разработчикам возможность доставлять контент с помощью языка программирования и структуры шаблонов по своему выбору.

Функции с более высоким рейтингом

• Управление веб-контентом
• Платформа и инфраструктура
• Безопасность

Популярные интеграции

Недостаточно информации для отображения интеграции.

Лучшие альтернативы Bitrix Site Manager для предприятий

Tridion (ранее SDL Tridion) стремится объединить людей, процессы и информацию с помощью полного набора технологий совместного управления контентом, управления знаниями и безголовой доставки. В сочетании с ускорителями для быстрой окупаемости и решениями по управлению переводами RWS для глобального охвата. Его ключевые компоненты включают в себя: Tridion Sites предоставляет возможности управления веб-контентом, объединяя людей, процессы и информацию между командами, брендами и рынками для предоставления…

Функции с более высоким рейтингом

• Платформа и инфраструктура
• Безопасность
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

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

Функции с более высоким рейтингом

• Безопасность
• Создание веб-контента
• Платформа и инфраструктура

Популярные интеграции

Недостаточно информации для отображения интеграции.

Storyblok помогает командам рассказывать свои истории и управлять своим контентом для каждого варианта использования: корпоративные веб-сайты, электронная коммерция, службы поддержки, мобильные приложения и экраны. Особенности сториблока: Визуальный редактор: Предварительный просмотр изменений в реальном времени на веб-сайте. Компонентный подход: вложенные блоки контента упрощают управление контентом. на…

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Bloomreach — это облачное решение для коммерции, целью которого является предоставление брендам возможности предлагать покупателям настолько персонализированные способы взаимодействия, что они ощущаются как волшебство. Он предлагает набор продуктов, направленных на подлинную персонализацию и рост цифровой коммерции, в том числе: Discovery, предлагающий поиск и мерчандайзинг на основе ИИ; Контент, предлагающий безголовую CMS; и Engagement, предлагая CDP и решения для автоматизации маркетинга. Вместе эти решения объединяют унифицированные данные о клиентах и ​​продуктах со скоростью и масштабом…

Функции с более высоким рейтингом

• Платформа и инфраструктура
• API

Популярные интеграции

Недостаточно информации для отображения интеграций.

Progress Sitefinity — это платформа управления контентом и клиентской аналитики. Он поддерживает управление контентом, индивидуальный маркетинг, многоканальное управление и сайты электронной коммерции.

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграций.

Contentful — это облачное решение CMS, которое обеспечивает возможность управления контентом на нескольких платформах. Интерфейс редактирования позволяет управлять контентом в интерактивном режиме и предоставляет разработчикам возможность доставлять контент с помощью языка программирования и структуры шаблонов по своему выбору.

Характеристики с более высоким рейтингом

• Управление веб-контентом
• Платформа и инфраструктура
• Безопасность

Популярные интеграции

Недостаточно информации для отображения интеграций.

Хосты Optimizely Content Management System работают на основе персонализации на основе искусственного интеллекта, которая позволяет пользователю предоставлять индивидуальный контент каждому посетителю. Решение помогает определить творческие рекомендации, искусственный интеллект, вспомогательную сегментацию и контекстные данные, персонализирующие опыт, могут быть созданы с минимальными усилиями. Поставщик заявляет, что его результаты — более высокая рентабельность инвестиций, более быстрая конверсия, улучшенное привлечение потенциальных клиентов и лучшее обслуживание клиентов.

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Создание веб-контента

Популярные интеграции

Недостаточно информации для отображения интеграции.

Agility CMS — это облачная система управления контентом от одноименной компании в Торонто, Онтарио.

Функции с более высоким рейтингом

Недостаточно информации для отображения функций

Популярные интеграции

Недостаточно информации для отображения интеграций.

Salesforce CMS — это гибридная CMS, позволяющая пользователям один раз создавать контент и доставлять его куда угодно, в Salesforce или за его пределами. В CMS Workspaces пользователи создают контент, определяют доступ к контенту и определяют каналы, чтобы они могли делиться контентом и ограничивать доступ для соответствующих участников. Для взаимодействия с Salesforce пользователи могут выбрать один из двух инструментов компании «что видишь, то и получишь» (WYSIWYG): Experience Builder и Commerce Page Designer. Если пользователь хочет доставить контент на…

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Управление веб-контентом

Популярные интеграции

Недостаточно информации для отображения интеграции.

Основанная в 1997 году с целью создания первой по-настоящему открытой системы управления контентом, Magnolia представлена ​​как самый быстрый способ запуска цифровых технологий. С миссией помочь клиентам двигаться быстро и оставаться гибкими, а также иметь пользователей среди таких брендов, как Atlassian и The New York Times, поставщик заявляет, что новая волна компаний в различных отраслях, от автомобилестроения до телекоммуникаций, сделала Magnolia своим выбором DXP для быстрой работы. , используя корпоративную мощность и безголовую маневренность DXP…

Функции с более высоким рейтингом

• Безопасность
• Платформа и инфраструктура
• Управление веб-контентом

Популярные интеграции

Недостаточно информации для отображения интеграции.

Сравнение Magento и 1С-Битрикс

Бесплатная демо-версия Magento (для малого бизнеса) доступна на сайте компании. Для крупных компаний существует платное решение корпоративного уровня.

Если вы хотите использовать 1С-Битрикс, вам придется приобрести лицензию — демо-версии нет.

У Magento есть официальная торговая площадка с расширениями и базовыми темами. Для нестандартных решений и сложных интеграций необходимо привлекать разработчиков. За последние годы Magento стал так же популярен в Рунете, как OpenCart и Битрикс.

Готовые шаблоны и модули доступны в маркетплейсе Битрикс. Обладателям лицензии доступна бесплатная техническая поддержка.

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

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

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

1С-Битрикс обладает высокой масштабируемостью: поддержка мультиязычности сайта, мультисайтовости, нескольких языков интерфейса.

В Magento все должно быть задокументировано и соответствовать стандартам Zend Framework. Простой переход от поставщика к поставщику.

Magento поддерживает настройки SEO:

• CNC и канонические URL-адреса.
• Создание и автоматическое обновление карты сайта.
• Управление индексацией страниц.
• Кэширование страниц
• Управление метаданными.

1С-Битрикс имеет готовые SEO-модули, обеспечивающие техническую оптимизацию и используемые для следующих целей:

• Генерация и автоматическое обновление карты сайта sitemap.xml.
• Создание и редактирование файла robots.txt.
• Автоматическое создание или ручное редактирование метаданных страницы (название, описание).
• Внедрение микроразметки Schema.org для получения расширенных сниппетов в поиске.
• Реализация протокола Open Graph для генерации цепляющих сниппетов в социальных сетях.

PHP (Zend Framework), Apache, MySQL. Magento поддерживает технологию PWA, которая обеспечивает удобство использования сайта на мобильных устройствах и высокую скорость загрузки страниц.