Как заставить WysiHat использовать элемент, которым он инициализирован, для редактирования?

Question

[SilentImp]

Приятного дня.

Пытаюсь имплементировать в проект редактор WysiHat github.com/swilliams/jq-wysihat

Когда передаешь ему элемент для инициализации он просто скрывает его и создает редактор в пустом диве.

Если я хочу редактировать h1 со всеми его стилями и содержимым, то мне совсем не хочется получать пустой див.

Можно как то подсунуть редактору нужный элемент с контентом?


JS:

function onDOMReady(){
    var editableElements = $('.editable'),
        index = editableElements.length;

    while(index--){
      var element = editableElements[index];
      var editor = WysiHat.Editor.attach($(element));
    }

  }

  $(document).ready(onDOMReady);

HTML

<article>
  <h1 class="editable">Some title</h1>
  <div class="editable">
    <p>Some content</p>
  </div>
</article>

И еще вопрос:

Мне пришлось вручную добавить все js в папке wysihat для того что бы скрипт заработал. Но мне кажется что я делаю что то не правильно. Оно само их не должно подключать? Что я должен был сделать, что бы это работало так, как задумано?

<script src="http://yandex.st/jquery/1.7.2/jquery.min.js"></script>  
<script src="wysihat.js"></script>
<script src="wysihat/dom/ierange.js"></script>
<script src="wysihat/dom/range.js"></script>
<script src="wysihat/dom/selection.js"></script>
<script src="wysihat/dom/bookmark.js"></script>

<script src="wysihat/element/sanitize_contents.js"></script>

<script src="wysihat/events/field_change.js"></script>
<script src="wysihat/events/frame_loaded.js"></script>
<script src="wysihat/events/selection_change.js"></script>

<script src="wysihat/toolbar.js"></script>
<script src="wysihat/features.js"></script>
<script src="wysihat/editor.js"></script>
<script src="wysihat/commands.js"></script>
<script src="wysihat/formatting.js"></script>
<script src="editor.js"></script>

Answer 1

[SilentImp]

Сел и переписал внутренности. Они рассчитывают, что замена идет textarea на этот блок.