Javascript 如何使我的文本区域自动设置文本格式

Javascript 如何使我的文本区域自动设置文本格式,javascript,html,textmate,notepad++,Javascript,Html,Textmate,Notepad++,我想知道如何将浏览器中的文本区域变成程序员的文本编辑器。 对于任何使用textmate的人——我基本上希望它是基于网络的。 对于任何使用记事本++的人来说——与上面的想法相同 我知道如何制作文本区域 使用html。 我不知道的是如何标记文本区域。 例如。在记事本++和TextMake中,我可以插入标记,它将突出显示文本蓝色。 我如何在浏览器中实现这一点,live。 我已经知道如何在文本发布后解析它。 我希望在用户键入时对其进行解析 非常好。除了EditArea还有和编辑:我对这个问题有点误解。如

我想知道如何将浏览器中的文本区域变成程序员的文本编辑器。 对于任何使用textmate的人——我基本上希望它是基于网络的。 对于任何使用记事本++的人来说——与上面的想法相同

我知道如何制作文本区域 使用html。 我不知道的是如何标记文本区域。 例如。在记事本++和TextMake中,我可以插入标记,它将突出显示文本蓝色。 我如何在浏览器中实现这一点,live。 我已经知道如何在文本发布后解析它。
我希望在用户键入时对其进行解析

非常好。

除了EditArea还有和

编辑:我对这个问题有点误解。如果你好奇,跳到原始答案

EDIT2:我的答案是如何提供语法突出显示(问题本身中指定了什么)。突出显示与语法无关的单个字符需要简单的javascript。这也与“自动格式”不同,后者通常被解释为“调整缩进级别,使其看起来很好”

这是一项艰巨的任务,但并不像看上去那么不可能。TextMate再一次拯救了我们,但方式不同

在TextMate中,打开捆绑包编辑器并查看HTML的语言定义。这些是处理文档并为每一部分分配“范围”的正则表达式

“Simply”将该语言定义格式解析为各种组件,然后像TextMate那样使用正则表达式本身来分配范围/颜色。小菜一碟,对吧?:)

我个人会从你能找到的最轻量级的开源富文本编辑器开始,然后将其破解。或者你知道,无论什么能让你的船漂浮

我希望这能给你一些好主意

原始答复:

对于Firefox,您可以从以下位置安装插件“It's All Text”:

它适用于我的3.6.12。将“首选项”中的路径设置为TextMate(或其他),并根据自己的喜好设置热键或调整其他设置。默认情况下,当光标位于文本区域上时,会出现一个小按钮,上面写着“编辑”,并在编辑器中打开文本区域的内容。保存将把数据放回文本区域


我希望这能有所帮助。

JSMinNpp插件只用于javascript自动格式化

代码一点也不简单,我建议您使用带有
contenteditable=“true”
的iframe。因为textarea只能有一种样式,而内容可编辑iframe支持多种样式。。