Денис

Ни в TinyMCE, ни в другом известном мне редакторе "из коробки", нет возможности реализовать то, что вы хотите. Точнее реализовать можно, но своими усилиями - дописать расширение/надстройку, которая будет добавлять некий html-сниппет, например, как в примере по приведенной вами ссылке. Вот вам такой пример. По нажатию на кнопку (я её там единственную оставил), добавляется html-код в редактор. На странице же вам нужно будет только подключить JS и CSS плагина Сollapse.

P.S. Я с TinyMCE практически не знаком ( в отличии от вас ;)) ), поэтому вполне возможно, что там есть и более удобные методы API для реализации задуманного.

Ответ так и напрашивается: "Потому, что так написан сценарий" - при движении мыши, установить свойству "margin-left" значение "20px". Не изменять это значение при каждом движении по какому-то алгоритму, а просто статично установить и всё. Хорошо бы было узнать, какой результат вы ожидаете?

Хорошо, не буду вас мучить... В цикле, где вы пытаетесь изменять значение, выведите в консоль "slide.style.marginLeft". Есть два варианта того, что вы увидите при первом срабатывании: или же пустую строку или же уже установленное значение, которое было прописано в атрибуте style, например, "30px". Если строка пустая, то "" + "20px" == "20px", если же значение, то "30px" + "20px" == "30px20px". В последнем случае, по крайней мере современные браузеры, проигнорируют некорректное значение. Выход: или же заранее прописать какое-то значение в атрибуте style у этих элементов, или же в цикле, где вы устанавливаете обработчики событий onmousedown и onmouseup, добавить такое значение, например, slides[i].style.marginLeft = 0;, или же использовать метод getComputedStyle(), когда надо подхватить значения, прописанные в CSS и не забывать полученное текущее значение приводить к числовому типу

slide.style.marginLeft = (parseInt(slide.style.marginLeft, 10) + 20) + "px";

Ответ вам, собственно, уже дал Виталий Инчин ☢ , но можно немного оптимизировать

var list = $('li'), last = list.length - 1, indx = 0, dir = {40: 1,38: -1};
$('body').on('keyup', function (e) {
    indx = list.index(list.filter('.select'));
    list.eq( list.eq(indx + dir[e.which]).length ? indx + dir[e.which] : (e.which ? 0 : last)).addClass('select');
    list.eq(indx).removeClass('select');
});

var d = document;

d.addEventListener('DOMContentLoaded', function(){

	var frame = d.getElementById('ifr'), // ваш iframe
	MutationObserver = window.MutationObserver || window.WebKitMutationObserver,
	observer = new MutationObserver(function (mutations) {
		resizeIframe(frame);
    }),
	config = {
		attributes: true,
		childList: true,
		characterData: true,
		subtree: true
	};
	frame.addEventListener('load', function(){
		observer.observe(this.contentDocument.body, config);
		resizeIframe(this);	
	}, false);
	
}, false);

	
function resizeIframe(o){
	o.style.height = o.contentDocument.body.scrollHeight + 'px';	
}

Только надо учитывать, что MutationObserver не поддерживается в ослах ниже 11-ой версии.