<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Malte's Blog &#187; tinymce</title>
	<atom:link href="http://www.maltesieb.de/tag/tinymce/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.maltesieb.de</link>
	<description></description>
	<lastBuildDate>Fri, 06 Jan 2012 23:26:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Höhe des TinyMCE automatisch anpassen</title>
		<link>http://www.maltesieb.de/php/hohe-des-tinymce-automatisch-anpassen/</link>
		<comments>http://www.maltesieb.de/php/hohe-des-tinymce-automatisch-anpassen/#comments</comments>
		<pubDate>Wed, 19 Nov 2008 01:21:29 +0000</pubDate>
		<dc:creator>Malte</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web-Entwicklung]]></category>
		<category><![CDATA[anpassen]]></category>
		<category><![CDATA[dynamisch]]></category>
		<category><![CDATA[höhe]]></category>
		<category><![CDATA[tinymce]]></category>

		<guid isPermaLink="false">http://www.maltesieb.de/?p=60</guid>
		<description><![CDATA[Für ein Projekt brauchte ich ein TinyMCE-Feature, welches die Höhe des Editors dynamisch an den enthaltenen Inhalt anpasst.
Nachdem ich im Internet nicht fündig wurde, hab ichs mir selbst geschrieben. Here it is! Am Code selbst müssen keine Anpassungen vorgenommen werden.
&#60;script type="text/javascript"&#62;
var i,d,c=0;
function $(e) {    return document.getElementById(e); }
function getEditorHeight() {
  return parseInt($(tinyMCE.activeEditor.id+'_ifr').style.height);
}
function setEditorHeight(h) {
  [...]]]></description>
			<content:encoded><![CDATA[<p>Für ein Projekt brauchte ich ein TinyMCE-Feature, welches die <strong>Höhe des Editors dynamisch an den enthaltenen Inhalt </strong>anpasst.</p>
<p>Nachdem ich im Internet nicht fündig wurde, hab ichs mir selbst geschrieben. Here it is! Am Code selbst müssen keine Anpassungen vorgenommen werden.</p>
<pre>&lt;script type="text/javascript"&gt;
var i,d,c=0;
function $(e) {    return document.getElementById(e); }
function getEditorHeight() {
  return parseInt($(tinyMCE.activeEditor.id+'_ifr').style.height);
}
function setEditorHeight(h) {
  $(tinyMCE.activeEditor.id+'_ifr').style.height = h+'px';
}

function createHiddenElement() {
  var elm = document.createElement('div');
  with (elm) {
    id='tmce_height';
    with (style) { position='absolute'; top='0'; visibility='hidden'; width='100%'; }
  }
  $(tinyMCE.activeEditor.id).parentNode.appendChild(elm);
}
function changeHeight() {
  c++;
  var old_h = getEditorHeight();
  if (c&gt;=10) { c=0; window.clearInterval(i); }
  setEditorHeight(old_h+d/10);
}

function adjustEditorHeight() {
  if (!$('tmce_height')) { createHiddenElement(); }
  var old_h = getEditorHeight();
  $('tmce_height').innerHTML = tinyMCE.activeEditor.getContent();
  var new_h = $('tmce_height').clientHeight+80;
  window.clearInterval(i);
  i = window.setInterval("changeHeight()",10);
  d = new_h-old_h;
}
&lt;/script&gt;</pre>
<p>In den TinyMCE-Optionen folgendes hinzufügen:</p>
<pre>tinyMCE.init({
...
init_instance_callback: "adjustEditorHeight",
onchange_callback: "adjustEditorHeight"
});</pre>
]]></content:encoded>
			<wfw:commentRss>http://www.maltesieb.de/php/hohe-des-tinymce-automatisch-anpassen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

