Javascript 使用RubyonRails制作一个简单的富文本编辑器,我应该如何将我想要编辑的文本放入iframe中?

Javascript 使用RubyonRails制作一个简单的富文本编辑器,我应该如何将我想要编辑的文本放入iframe中?,javascript,ruby-on-rails,iframe,wysiwyg,Javascript,Ruby On Rails,Iframe,Wysiwyg,下面的示例如下: 我发现我需要一个iframe来编辑我真正想要编辑的内容 下面是我如何创建“编辑器”: 在我的主页上: <%= text_area_tag :selected_text, :style => "display: none" %> <%= text_area_tag :suggested_text, :label=>false, :resizable => false, :style => "display: none"%> <

下面的示例如下:

我发现我需要一个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" }%>
“显示:无”%>
false,:resizable=>false,:style=>“显示:无”%>
“/shared/simple_editor”,:locals=>{:text_box=>“suggered_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,但仅此而已。

我不知道制作自己的所见即所得编辑器是项目的目标还是项目中需要的东西。我建议您检查现有的选项,例如任何一种情况。您可以学习它们如何执行不同的命令并制作自己的编辑器,或者如果您只需要一个编辑器而不想花时间构建一个编辑器,您也可以将它放到应用程序中。

不,我只需要粗体/斜体/下划线,我不需要那么大的体积=\n好的,我明白您的意思。您仍然可以看到它们的底层实现是什么。