Forum categories

Добавляем поддержку SQL и других языков в CKEditor 5 для блока кода Cotonti CMF 0.9.26

По умолчанию CKEditor 5 позволяет выделять блоки кода (CodeBlock) с подсветкой синтаксиса для ограниченного набора языков (PHP, HTML, JavaScript, CSS). Если вы хотите вставлять SQL или другие языки программирования, они могут не подсвечиваться или не отоб

webitproff
webitproff • 2026-03-12 08:09 #492

также достаточно просто изменить порядок в списке вывода языков программирования: 

			codeBlock: {
				languages: [
					{ language: 'php', label: 'PHP' },              // PHP – серверное программирование веб-сайтов
					{ language: 'sql', label: 'SQL' },              // SQL – работа с базами данных
					{ language: 'html', label: 'HTML' },            // HTML – структура веб-страниц
					{ language: 'css', label: 'CSS' },              // CSS – оформление веб-страниц
					{ language: 'javascript', label: 'JavaScript' },// JavaScript – интерактивность веб-страниц
					{ language: 'json', label: 'JSON' },            // JSON – формат обмена данными
					{ language: 'markdown', label: 'Markdown' },    // Markdown – разметка текста
					{ language: 'ini', label: 'INI' },              // INI – конфигурационные файлы
					{ language: 'bat', label: 'Batch' },            // Batch – командные скрипты Windows
					{ language: 'c', label: 'C' },                  // C – системное программирование, ядра, драйверы
					{ language: 'clojure', label: 'Clojure' },      // Clojure – функциональный язык на JVM
					{ language: 'cpp', label: 'C++' },              // C++ – объектно-ориентированное системное программирование
					{ language: 'csharp', label: 'C#' },            // C# – язык для .NET приложений
					{ language: 'dockerfile', label: 'Dockerfile' },// Dockerfile – инструкции для Docker
					{ language: 'fsharp', label: 'F#' },            // F# – функциональный язык на .NET
					{ language: 'go', label: 'Go' },                // Go – язык для серверного программирования и микросервисов
					{ language: 'graphql', label: 'GraphQL' },      // GraphQL – язык запросов API
					{ language: 'java', label: 'Java' },            // Java – серверное программирование, Android
					{ language: 'kotlin', label: 'Kotlin' },        // Kotlin – язык для Android и JVM
					{ language: 'less', label: 'LESS' },            // LESS – препроцессор CSS
					{ language: 'lua', label: 'Lua' },              // Lua – встраиваемый язык для игр и приложений
					{ language: 'objectivec', label: 'Objective-C' },// Objective-C – iOS и macOS приложения
					{ language: 'perl', label: 'Perl' },            // Perl – скрипты, системное администрирование
					{ language: 'powershell', label: 'PowerShell' },// PowerShell – командная оболочка Windows
					{ language: 'pug', label: 'Pug' },              // Pug – шаблонизатор HTML
					{ language: 'python', label: 'Python' },        // Python – скрипты, веб, наука о данных
					{ language: 'r', label: 'R' },                  // R – статистика и аналитика данных
					{ language: 'ruby', label: 'Ruby' },            // Ruby – веб-фреймворк Rails и скрипты
					{ language: 'rust', label: 'Rust' },            // Rust – безопасное системное программирование
					{ language: 'scss', label: 'SCSS' },            // SCSS – препроцессор CSS
					{ language: 'swift', label: 'Swift' },          // Swift – iOS и macOS приложения
					{ language: 'typescript', label: 'TypeScript' },// TypeScript – JS с типизацией
					{ language: 'vb', label: 'Visual Basic' },      // Visual Basic – старые Windows приложения
					{ language: 'xml', label: 'XML' },              // XML – обмен структурированными данными
					{ language: 'yaml', label: 'YAML' },             // YAML – конфигурационные файлы
					{ language: 'abap', label: 'ABAP' },            // ABAP – язык программирования для SAP систем
					{ language: 'apex', label: 'Apex' },            // Apex – язык для Salesforce
					{ language: 'azcli', label: 'Azure CLI' }      // Azure CLI – команды для управления Azure
				]
			}

 

🗿

🧙‍♂️ Well met, good traveler! Fate has guided your steps to our humble realm. Here, wise sages and masters of the coding craft ⚒️📜 gather to unravel the mysteries of the code ✨⚙️, share their knowledge, and add new chapters to our chronicles.
⬅️ To the left lie ancient scrolls 📚 filled with forgotten wisdom. ⬆️ Straight ahead, friendly folk offer counsel 💬 to those in need. ➡️ To the right, you may become a chronicler ✍️ yourself, sharing your craft and leaving words of wisdom for those yet to come.
📝 Delay no longer—tell us the name by which you are known, complete the rite of registration 🛡️, and join our fellowship!
🏰 Our brotherhood holds no secret initiation, yet many halls remain closed to wandering guests, for some knowledge 💎 is reserved for those who choose to walk this path beside us.