2011-10-24 5 views
0

ここでは例を以下に示します。 http://www.quirksmode.org/dom/execCommand/Ruby on Railsで簡単なリッチテキストエディタを作成すると、テキストをiframeに編集したいのですが?

を私は私が実際に編集するコンテンツのための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を設定する必要があります知っているが、それはそれについてです。あなた自身のWYSIWYGエディタを作る場合、私は言うことができない

答えて

1

は、プロジェクトの目標や、あなたのプロジェクトに必要なだけのものです。どちらの場合でも、http://ckeditor.com/などの既存のオプションをチェックアウトすることをお勧めします。異なるコマンドをどのように実行し、独自のエディタを作っているかを知ることができます。エディタだけが必要な場合は、アプリケーションにドロップするだけで、ビルドに時間を費やす気がしません。

+0

いや、私は必要なのは、/イタリック/下線太字で、私はすべてのことのバルクを必要としない= \ – NullVoxPopuli

+0

[OK]を、私はあなたが何を意味するか理解しています。基本的な実装が何であるかはまだ分かります。 – ctcherry