使用javascript创建自己的html文本字段

如果您想了解richtext web编辑器是如何工作的,一个很好的起点是查看 contenteditable 属性和 document.execCommand 方法(最好的编辑器使用更多的东西,但这些都是在基础)。过度简化,编辑器由 内容可编辑 块和调用方法 document.execcommand文件 在文本选择上。

但是,作为一个真正开发出这类编辑器的人,你最好使用现有的编辑器(在我看来,ckeditor是一个很棒的编辑器)。

编辑:注意 内容可编辑 是私有(Microsoft)属性,但大多数(全部?)浏览器现在已经实现了它,它将在HTML5中实现。

编辑2:我想澄清一些误解。

• 一 div 或 iframe 本身不可编辑,它需要 内容可编辑 属性。使用 伊夫拉姆 通常是一种解决方法,因为旧的gecko浏览器只支持可选的可编辑属性( designMode )这只能应用于整个文档。

• 高级编辑的一些操作 innerHtml ,这不是在网络上制作编辑器的关键。

它不是一个文本框。这是一个 DIV 有很多 HTML 用javascript注入。

基本思想是javascript使用 innerHtml 属性并向其写入HTML。

这是一个替代输入的javascript实现。它基本上隐藏了输入,并使用它来存储和通过post传递数据。

我看到的高级文本字段 iframe 或 div . 它们背后的代码是安静、混乱、不易访问的。

小心行事!

你可以考虑一下 WYSIWYM 而不是所见即所得。