如何让我的文本区域自动格式化文本

时间:2010-12-10 23:43:27

标签: javascript html textmate notepad++

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

我知道如何制作文字区域 使用HTML。 我不知道的是如何标记文本区域。 例如。在notepad ++和textmade中,我可以插入<>标签,它将突出显示文本蓝色。 我怎样才能在浏览器中实现这一点。 我已经知道如何在文本发布后解析它。 我希望在用户输入时解析它。

4 个答案:

答案 0 :(得分:3)

EditArea非常好。

答案 1 :(得分:1)

除EditArea外,还有CodeMirrorMozilla's Bespin

答案 2 :(得分:0)

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

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

这是一项艰巨的任务,但并不像看起来那么不可能。 TextMate再一次以不同的方式来解救我们。

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

'简单'将语言定义格式解析为各种组件,然后像TextMate一样使用正则表达式来指定范围/颜色。一块蛋糕,对吧? :)

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

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

原始回答:

对于Firefox,您可以从此处安装插件“It is All Text”: https://addons.mozilla.org/en-US/firefox/addon/4125/

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

我希望这会有所帮助。

答案 3 :(得分:0)

JSMinNpp插件仅用于javascript自动格式化 http://sourceforge.net/projects/jsminnpp/