Twitter bootstrap 引导所见即所得：如何在服务器端获取格式化文本？

我正在学习Bootstrap，希望有一个wysiwyg编辑器。我发现引导所见即所得并想使用它

但是，我不知道在提交表单时如何在服务器端获取格式化文本

<textarea class="textarea" name="mytext" placeholder="Enter text ..." style="width: 810px; height: 200px"></textarea>

你可以邮寄

request.POST['mytext'] 

---

我知道怎么做了。这里是如何

需要隐藏的输入或文本区域字段。此字段可能将name属性设置为对象字段的名称。它的名称必须是服务器端期望的名称

使用JQuery将表单提交事件处理程序附加到包含所见即所得编辑器的表单。处理程序从所见即所得编辑器获取文本，并将其设置为隐藏字段的值

---

希望这对其他人有所帮助。

这是一条老线索，但也许这些提示会帮助其他人

正如courious1所提到的，我们需要在表单上创建一个隐藏的文本区域（例如：id=隐藏编辑器）。 并使用下面的javascript将#编辑器中的值传递给我们的#隐藏编辑器：

//-- submit button clicked
$('#submit-btn').click(function(){
    $('#hidden-editor').html(
        $("#editor").html()
    );
});

---

我终于想出了这个解决办法。没有成功地使onclick工作。。。但实时修改很方便。谢谢你的建议

$('#editor').bind("DOMSubtreeModified",function(){
                $('#you_hidden_textarea').html(
                        $("#editor").html()
                );
            });

---

以下是如何获取

将id设置为下面的div在这里我使用了编辑器作为id，并且还设置了一个保存按钮

<div id="editor">
      Go ahead&hellip;
    </div>

<a class="btn" data-edit="bold" id="saveBtn" title="Save"><i class="icon-save"></i></a>

---

希望这将在将来帮助其他人

suhail，这肯定非常有帮助。您的示例与引导所见即所得插件有何关联？谢谢对不起，我没有答对你的问题。您是否检查了JSFIDLE（）？？？它与bootstrap所见即所得插件一起使用。在您的外部资源中，我没有看到任何指向bootstrap wysiwyg插件的链接。我们谈论的是同一个插件吗？在GITHUB拥有210块手表、2879颗星星和417个叉子。但是有205块手表，3048颗星星，532个叉子。看来霍林沃斯可能会更好

mindmup

版本非常小。但是，您需要编写html，还需要包括fontawesome、jquery热键。我更新了小提琴，感谢新的JSFIDLE设置。您知道在服务器端直接获取格式化文本的任何方法吗？我已经有了一个设置（类似于你的新示例），但它是一个DIV元素，而不是textarea或input。

<div id="editor">
      Go ahead&hellip;
    </div>

<a class="btn" data-edit="bold" id="saveBtn" title="Save"><i class="icon-save"></i></a>

$('#editor').wysiwyg();

$('#saveBtn').on('click',function(){        

       console.log($('#editor').html());

      })