Следуя примеру здесь: http://www.quirksmode.org/dom/execCommand/
Я обнаружил, что мне нужен iframe для контента, который я действительно хочу редактировать.
Итак, вот как я создаю свой «редактор»: на моей главной странице:
<%= text_area_tag :selected_text, :style => "display: none" %>
<%= text_area_tag :suggested_text, :label=>false, :resizable => false, :style => "display: none"%>
<%= render :partial => "/shared/simple_editor", :locals => {:text_box => "suggested_text", :initial_text => "selected_text" }%>
И затем в этом частичном у меня есть javascript из приведенной выше ссылки и этот код:
<div class="simple_editor">
<input type="button" value="Bold" id="bold">
<input type="button" value="Italic" id="italic">
<input type="button" value="Underline" id="underline">
<div class="input_container">
iframe stuff goes here
</div>
</div>
Как видишь, я не продвинулся далеко.
Теперь, когда форма загружается, я заполняю поля через javascript (эта часть работает). Проблема, с которой я сталкиваюсь, заключается в том, что я не знаю, как выполнять фактическое редактирование с помощью iframe.
Я знаю, что мне нужно установить contentEditable, но это все.