<?xml version='1.0' encoding='UTF-8'?>
<rss version='2.0'>
	<channel>
		<title>cotonti.com : [Fixed] Не отображается CKeditor, если у textarea более 1 класса</title>
		<link>https://www.cotonti.com</link>
		<description>Останні повідомлення в темі</description>
		<generator>Cotonti</generator>
		<language>en</language>
		<pubDate>Thu, 09 Apr 2026 12:55:30 -0000</pubDate>

		<item>
			<title>Macik</title>
			<description><![CDATA[<blockquote><a href="https://www.cotonti.com/forums?m=posts&amp;q=8007&amp;d=1#41114">#41114</a> <strong>Edward: </strong>
<p>Macik, Ваш код рабочий, заявку сейчас сделаю.</p>
</blockquote>

<p>Спасибо за раппорт. Исправлено.</p>
]]></description>
			<pubDate>Вт, 27 Жов 2015 19:53:06 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41119]]></link>
		</item>
		<item>
			<title>Edward</title>
			<description><![CDATA[<p>Macik, Ваш код рабочий, заявку сейчас сделаю.</p>
]]></description>
			<pubDate>Вт, 27 Жов 2015 05:08:21 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41114]]></link>
		</item>
		<item>
			<title>Macik</title>
			<description><![CDATA[<blockquote><a href="https://www.cotonti.com/forums?m=posts&amp;q=8007&amp;d=1#41108">#41108</a> <strong>Roffun: </strong>
<p>Если textarea который вам нужен должен работать с классом <span style="color:rgb(0,0,255);font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:14.3px;white-space:pre;">form-control</span>, то почему бы не создать дополнительный редактор кроме </p>
</blockquote>

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

<p> </p>

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

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

<p> </p>
]]></description>
			<pubDate>Пн, 26 Жов 2015 17:02:11 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41109]]></link>
		</item>
		<item>
			<title>Roffun</title>
			<description><![CDATA[<p>Если textarea который вам нужен должен работать с классом <span style="color:rgb(0,0,255);font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;line-height:14.3px;white-space:pre;">form-control</span>, то почему бы не создать дополнительный редактор кроме </p>

<p>Full, Medium, Basic ?</p>

<p>тогда ваш редактор будет вызываться так:</p>

<pre class="brush:xml;">
&lt;textarea class="form-control" rows="3"&gt;&lt;/textarea&gt;</pre>

<p>p.s. Сам буквально позавчера сталкивался с подобной задачей, нужно было в page.add.tpl и page.edit.tpl выводить редактор с другими плагинами и настройками ( реализовал подсчет символов без пробелов и цены за 1000 знаков налету), чтобы потом на странице новости автоматически сделать микроразметку рецептов блюд по стандарту schema.org.</p>

<p>В итоге работает редактор вида:  </p>

<pre class="brush:xml;" style="line-height:20.8px;">
&lt;textarea class="receptieditor" rows="3"&gt;&lt;/textarea&gt;</pre>

<p>Создание редактора с новым классом делается в несколько строк, и вызывается в любом месте без проблем.</p>

<p><strong>Добавлено 12 минут спустя:</strong></p>

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

<p>Например:</p>

<pre class="brush:xml;">
                        &lt;script src="http://cdn.ckeditor.com/4.5.2/full/ckeditor.js"&gt;&lt;/script&gt;
                        &lt;textarea name="myform" class="myclass form-control" cols="100" rows="20"&gt;&lt;/textarea&gt;
                        &lt;script&gt;
                                var myform=CKEDITOR.replace("myform");
                                AjexFileManager.init({returnTo:"ckeditor",editor:myform});                        
                        &lt;/script&gt;</pre>

<p> </p>
]]></description>
			<pubDate>Пн, 26 Жов 2015 11:06:40 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41108]]></link>
		</item>
		<item>
			<title>Macik</title>
			<description><![CDATA[<p>Паша, речь не о количестве редакторов на странице, а о количестве классов у элемента `textarea`.</p>

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

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

<p>И проверьте у себя вот такой код:<br />
 </p>

<pre class="brush:jscript;toolbar:false;first-line:10;" title="ckeditor.default.set.js">
function ckeditorReplace() {
	var textareas = document.getElementsByTagName('textarea');
	for (var i = 0; i &lt; textareas.length; i++) {
		var classStr = textareas[i].getAttribute('class');
		if (classStr) {
			var classes = classStr.split(" ");
			for (var k = 0; k &lt; 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]});
				}
			}
		}
	}
}</pre>

<p> </p>
]]></description>
			<pubDate>Пн, 26 Жов 2015 10:07:31 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41107]]></link>
		</item>
		<item>
			<title>esclkm</title>
			<description><![CDATA[<p>вообще странное событие - у меня на форме всегда нормально обрабатывалось несколько скэдиторов.</p>

<p>что показывает лог консоли?</p>
]]></description>
			<pubDate>Пн, 26 Жов 2015 09:04:16 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41106]]></link>
		</item>
		<item>
			<title>Edward</title>
			<description><![CDATA[<p>Столкнулся с проблемой описанной в заголовке. У меня в шаблоне page.edit.tpl используется тема на bootstrap и имеется несколько textarea такого вида</p>

<pre class="brush:css;" style="font-family:Menlo, Monaco, Consolas, 'Courier New', monospace;padding:0px;margin-top:0px;margin-bottom:0px;line-height:1.42857;border:0px;white-space:nowrap;background-color:transparent;">

&lt;textarea class="editor form-control" rows="3"&gt;&lt;/textarea&gt;</pre>

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

<pre class="brush:jscript;">
/*
 * 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) &gt; -1) {
    	return true;
	}
return false;
}

function ckeditorReplace() {
	var textareas = document.getElementsByTagName('textarea');
	for (var i = 0; i &lt; 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);
}</pre>

<p>Кривоватое решение, но что-то подобное должно быть сразу из коробки, потому как классов у элемента может быть более одного.</p>
]]></description>
			<pubDate>Пн, 26 Жов 2015 03:49:43 -0000</pubDate>
			<link><![CDATA[https://www.cotonti.com/ua/forums?m=posts&q=8007&d=0#post41105]]></link>
		</item>
	</channel>
</rss>