// Сообщаем об использовании javascript-кода
js:
// Открываем всплывающее окно с содержанием в виде таблицы
E.quickPop.open('<table id="bue-table" style="width:auto;height:auto;"><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr></table>');
// Устанавливаем начальные координаты для визуального эффекта
TX=-1;
TY=-1;
// Задаем функцию TD для управления ячейкой таблицы во всплывающем окне
TD=function(){
  // Устанавливаем CSS-свойства для ячейки (css), её содержание (html), а также события при наведении курсора (mouseover) и щелчке мыши (click);
  $(this).css({width:'16px',height:'16px',border:'1px solid #ddd',padding:'5px',backgroundColor:'white',cursor:'pointer'}).html('&nbsp;').mouseover(TDOver).click(TDClick);
};
// Функция TDOver для обработки события при наведении курсора на ячейку
TDOver=function(){
  // Получаем доступ к текущей строке
  var row=this.parentNode;
  // Получем доступ к таблице
  var table=row.parentNode;
  // Определяем положение курсора над таблицей
  var X=this.cellIndex;
  var Y=row.rowIndex;
  // Если курсор достиг правого края таблицы, то в каждую строку добавляем по ячейке
  if(X==row.cells.length-1){
    for(var i=table.rows.length;i;i--)
      TD.apply(table.rows[i-1].insertCell(X+1));
  }
  // Если курсор достиг нижнего края таблицы, то в добавляем строку с необходимым количеством ячеек
  if(Y==table.rows.length-1){
    var _row=table.insertRow(Y+1);
    for(var i=0,t=row.cells.length;i<t;i++)
      TD.apply(_row.insertCell(i));
  }
  // Устанавливаем свойства для ячейки
  var aX=X<TX ? [TX,X,TY,'white'] : [X,TX,Y,'blue'];
  var aY=Y<TY ? [TY,Y,TX,'white'] : [Y,TY,X,'blue'];
  // Всё что левее и выше курсора закрашиваем синим, остальное белым
  for(var i=aX[0];i>aX[1];i--)
    for(var j=aX[2];j>-1;j--){
      table.rows[j].cells[i].style.backgroundColor=aX[3];
    }
  for(var i=aY[0];i>aY[1];i--)
    for(var j=aY[2];j>-1;j--){
      table.rows[i].cells[j].style.backgroundColor=aY[3];
    }
  // Устанавливаем новые координаты для визуального эффекта
  TX=X;
  TY=Y;
};
// Функция TDClick для обработки события при щелчке мыши на ячейку
TDClick=function(){
  // Устанавливаем начальные значения
  var cells='';
  var rows='';
  // В зависимости от количества выделенных столбцов, устанаваливаем количество HTML тегов TD
  for(var i=TX;i>-1;i--){
    cells+='<td></td>';
  }
  // В зависимости от количества выделенных строк, устанаваливаем количество HTML тегов TR
  for(var i=TY;i>-1;i--){
    rows+='<tr>'+cells+'</tr>\n';
  }
  // Добавляем теги для таблицы в редактор
  E.replaceSelection('<table>\n'+rows+'</table>\n','end');
};
// Перебираем все ячейки таблицы во всплывающем окне
$('#bue-table td').each(TD);

js:
// Задаем начальные размеры изображения
W = 0;
H = 0;
// Задаем функцию bopen открытия диалога выбора изображения с помощью модуля imce
bopen = function(obj) {
  // Если диалог возможен
  E.imce && E.imce.url && E.imce.open({
    // Задаем текущий объект. Передаем его через параметр функции.
    target: obj,
    // Режим диалога стандартный
    ready: E.imce.readyDefault,
    // Обработчик выбора изображения меняем на наш
    sendto: function(file, win, pop) {
      // Получаем объект input кнопки и все другие поля
      var target = E.imce.target, el = target.form.elements
      // Устанавливаем значение в поле URL
      target.value = file.url;
      // Устанавливаем значение в поле Ширина
      el['attr_width'].value = file.width;
      // Устанавливаем значение в поле Высота
      el['attr_height'].value = file.height;
      // Устанавливаем значение в поле Описание
      el['attr_alt'].value = file.name;
      // Задаем обработчик смены значения в поле Ширина 
      el['attr_width'].onchange = function(){
        // Если было выбрано изображение  
        if (H > 0) {
          // Сохраняем новое значение
          var _W = parseInt(this.value);
          // Изменяем высоту
          H = parseInt(H * (_W / W));
          // Устанавливаем значение в поле Высота
          el['attr_height'].value = H.toString();
          // Заменяем старое значение новым
          W = _W;
        }
      };
      // Задаем обработчик смены значения в поле Высота
      el['attr_height'].onchange = function(){
        // Если было выбрано изображение  
        if (W > 0) {
          // Сохраняем новое значение
          var _H = parseInt(this.value);
          // Изменяем ширину
          W = parseInt(W * (_H / H));
          // Устанавливаем значение в поле Ширина
          el['attr_width'].value = W.toString();
          // Заменяем старое значение новым
          H = _H;
        }
      };
      // Сохраняем ширину изображения
      W = file.width;
      // Сохраняем высоту изображения
      H = file.height;
      // Закрываем диалоговое окно
      pop.close();
      // Устанавливаем фокус ввода для поля URL
      target.focus();
    }
  });
}
// Задаем функцию b для отображения кнопки открытия диалога выбора изображения с помощью модуля imce
b = function() {
  // Если модуль imce установлен, то отображаем кнопку
  return E.imce.url ? '<input type="button" id="bue-imce-button" name="bue_imce_button" class="form-submit" value="'+ Drupal.t('Browse') +'" onclick="bopen(this.form.elements[\'attr_src\'])">' : '';
};
// Задаем поля формы для добавления/редактирования изображения
var form = [
  {name: 'src', title: 'URL', required: true, suffix: b()},
  {name: 'width', title: 'Ширина x Высота', suffix: ' x ', getnext: true, attributes: {size: 3}},
  {name: 'height', attributes: {size: 3}},
  // Добавляем поле Выравнивание
  {name: 'align', title: 'Выравнивание', type: 'select', options: {'': '', left: 'По левому краю', right: 'По правому краю', center: 'По центру'}},
  {name: 'alt', title: 'Описание', required: true}
];
// Вызываем диалоговое окно формы для добавления/редактирования изображения
E.tagDialog('img', form, {title: 'Добавить/редактировать изображение'});

var script = document.createElement("script");
script.type = "text/javascript";
script.src  = "https://d3eoax9i5htok0.cloudfront.net/mathjax/1.1-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full";
var config = 'MathJax.Hub.Startup.onload();';
if (window.opera) {script.innerHTML = config} else {script.text = config}
document.getElementsByTagName("head")[0].appendChild(script);

<?php
 
/**
 * template_preprocess_page 
 */
function MYTHEME_preprocess_page(&$variables) {
  drupal_add_js('jQuery(document).ready(function () {'+
    'var script = document.createElement("script");script.type = "text/javascript";'+
    'script.src = "https://d3eoax9i5htok0.cloudfront.net/mathjax/1.1-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML-full";'+
    'var config = "MathJax.Hub.Startup.onload();";'+
    'if (window.opera) {script.innerHTML = config} else {script.text = config}'+
    'document.getElementsByTagName("head")[0].appendChild(script); });', 'inline');
}
?>

BUE.preprocess.wrap = function(E, $) {
  E.wrap=['li','p'];
  $(E.textArea).bind('keyup.bue', function(e) {
    if (!e.ctrlKey && !e.shiftKey && !e.originalEvent.altKey && e.keyCode == 13) {
      var prefix = E.getContent().substr(0, E.posSelection().start);
      for(var i in E.wrap){
	var re=new RegExp('<\\/'+E.wrap[i]+'>\\s*$','i');
	if(re.test(prefix)) E.tagSelection('<'+E.wrap[i]+'>', '</'+E.wrap[i]+'>');
      }
    }
  });
};