Forums / National / Russian / Тех. поддержка / [Fixed] Не отображается CKeditor, если у textarea более 1 класса

Столкнулся с проблемой описанной в заголовке. У меня в шаблоне page.edit.tpl используется тема на bootstrap и имеется несколько textarea такого вида

<textarea class="editor form-control" rows="3"></textarea>

Решил проблему поправив файлик plugins/ckeditor/presets/ckeditor.default.set.js

/*
 * Default CKEditor preset and connector
 */

var ckeditorClasses = [
				  ['editor','Full'], // textarea class, editor toolbar size
				  ['medieditor','Medium'],
				  ['minieditor','Basic']
				 ];

function hasClass(el, selector) {
	var className = " " + selector + " ";
  , 
	if ((" " + el.className + " ").replace(/[\n\t]/g, " ").indexOf(className) > -1) {
    	return true;
	}
return false;
}

function ckeditorReplace() {
	var textareas = document.getElementsByTagName('textarea');
	for (var i = 0; i < textareas.length; i++) {
		
		if (hasClass(textareas[i], ckeditorClasses[0][0]) || hasClass(textareas[i], ckeditorClasses[1][0]) || hasClass(textareas[i], ckeditorClasses[2][0])) {
			var textareasStyle = getComputedStyle(textareas[i], null) || textareas[i].currentStyle;
			if (hasClass(textareas[i], ckeditorClasses[0][0])) { var toolbars = ckeditorClasses[0][1] }
			if (hasClass(textareas[i], ckeditorClasses[1][0])) { var toolbars = ckeditorClasses[1][1] }
			if (hasClass(textareas[i], ckeditorClasses[2][0])) { var toolbars = ckeditorClasses[2][1] }
			CKEDITOR.replace(textareas[i], {height:textareasStyle.height, width:'100%', toolbar: toolbars});
		}
	}
}

if (typeof jQuery == 'undefined') {
	if (window.addEventListener) {
		window.addEventListener('load', ckeditorReplace, false);
	} else if (window.attachEvent) {
		window.attachEvent('onload', ckeditorReplace);
	} else {
		window.onload = ckeditorReplace;
	}
} else {
	$(document).ready(ckeditorReplace);
	ajaxSuccessHandlers.push(ckeditorReplace);
}

Кривоватое решение, но что-то подобное должно быть сразу из коробки, потому как классов у элемента может быть более одного.

Паша, речь не о количестве редакторов на странице, а о количестве классов у элемента `textarea`.

Там действительно код не предусмативает возможности указать несколько классов. 

2Edward — откройте на ГитХабе заявку, с указанием ссылки на эту тему.

И проверьте у себя вот такой код:
 

function ckeditorReplace() {
	var textareas = document.getElementsByTagName('textarea');
	for (var i = 0; i < textareas.length; i++) {
		var classStr = textareas[i].getAttribute('class');
		if (classStr) {
			var classes = classStr.split(" ");
			for (var k = 0; k < classes.length; k++) {
				textareaClass = classes[k];
				if (ckeditorClasses[textareaClass] !== undefined) {
					var textareasStyle = getComputedStyle(textareas[i], null) || textareas[i].currentStyle;
					CKEDITOR.replace(textareas[i], {height:textareasStyle.height, width:'100%', toolbar: ckeditorClasses[textareaClass]});
				}
			}
		}
	}
}

#41108 Roffun:

Если textarea который вам нужен должен работать с классом form-control, то почему бы не создать дополнительный редактор кроме 

В целом можно и так выйти из положения.
Но в данном случае этот класс (в бутстрапе) подразумевает назначение всем полям типа `textarea` (если мы хотим, чтобы они были в стиле), поэтому конкретно для этого случая скорее не подойдет.

Кстати подключение ckeditor к любому textarea в примерах и документации указано через name , значит класс может быть свободен.

Все верно. Просто указание имени менее гибко.

#41114 Edward:

Macik, Ваш код рабочий, заявку сейчас сделаю.

Спасибо за раппорт. Исправлено.