Как вставить код в определенный div в ckeditor, а не вставлять его в позицию cusor?

Question

Я пытаюсь создать кнопки для ckeditor, которые будут добавлять строки и столбцы содержимого в редактор, используя сетку 960.gs.

Мне нужен способ вставить сгенерированный код в определенный div, который уже существуетв окне редактора, а не только у курсора.

Например, у нас есть этот код в редакторе:

<div class="container">
  <div class="grid_12">
    <div class="inner">
    </div>
  </div>
</div>

Когда я нажимаю кнопку, генерируется этот код:

<div class="grid_3"></div>

Мне нужно, чтобы сгенерированный код был вставлен в div с классом (grid_12).Какой бы ни была позиция курсора.

Answer 1

Поскольку ckeditor, похоже, имеет нормальную модель DOM для редактируемого контента, вы должны быть в состоянии сделать что-то вроде этого:

var oEditor = CKEDITOR.instances.editor1;
var element = oEditor.document.getById('myElement');
var grid_3 = new CKEDITOR.dom.element('div');
grid_3.setAttributes({'class' : 'grid_3'});
element.append(grid_3);

Здесь я предположил, что вы будете использовать id для элемента grid_12, если вы не сделаете этого, невозможно сделать это без извлечения позиции курсора и извлечения указанного div с помощью этого затем ...