如何让我的文本区域自动设置文本格式
我想知道如何将浏览器中的文本区域变成程序员的文本编辑器。 对于任何使用 textmate 的人来说——我基本上希望它是基于网络的。 对于任何使用 notepad++ 的人来说——与上面的想法相同。
我知道如何制作文本区域 使用 html。 我不知道如何标记文本区域。 例如。在记事本++和textmade中，我可以插入<>标签，它将突出显示蓝色文本。 我怎样才能在浏览器中实时实现这一点。 我已经知道如何在文本发布后解析它。 我希望在用户输入时对其进行解析。
I want to know how to make a text area in a browser into a programmers text editor.
For anyone that uses textmate -- I basically want it web-based.
for anyone that uses notepad++ -- same idea as above.
I know how to make a text area
using html.
what I dont know is how to tag the text areas.
for instance. in notepad++ and textmade, I can insert the <> tags and it will highlight the text blue.
How can I achieve this, live, in a browser.
I already know how to parse it after the text has been posted.
I want it to be parsed while the user is typing it.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
EditArea 相当不错。
EditArea is pretty good.
除了 EditArea 之外，还有 CodeMirror 和 Mozilla 的 Bespin
In addition to EditArea there's CodeMirror and Mozilla's Bespin
编辑：我有点误解了这个问题。如果您好奇，请跳至原始答案。
EDIT2：我的答案是如何提供语法突出显示（问题本身指定的内容）。突出显示与语法无关的单个字符需要简单的 JavaScript。这也与“自动格式”不同，“自动格式”通常被解释为“调整缩进级别，使其看起来不错”。
这是一项艰巨的任务，但并不像看起来那么不可能。 TextMate 再次以不同的方式来拯救我们。
在 TextMate 中，打开包编辑器并查看 HTML 的语言定义。这些是处理文档并为每个部分分配“范围”的正则表达式。
“简单地”将该语言定义格式解析为各个组件，然后像 TextMate 一样使用正则表达式本身来分配范围/颜色。小菜一碟，对吧？ :)
我个人会从你能找到的最轻量级的开源富文本编辑器开始，然后将其破解。或者你知道，无论你的船漂浮什么。
我希望这给了你一些好主意。
原始答案：
对于 Firefox，您可以从此处安装插件“It's All Text”：
https://addons.mozilla.org/en-US/firefox/addon/ 4125/
它适用于我的 3.6.12。将首选项中的路径设置为 TextMate（或其他），并可选择设置热键或根据您的喜好调整其他设置。默认情况下，当您的光标位于文本区域上时，将出现一个显示“编辑”的小按钮，并在编辑器中打开文本区域的内容。保存会将数据放回文本区域。
我希望这有帮助。
EDIT: I misunderstood the question a little. Jump to ORIGINAL ANSWER if you are curious.
EDIT2: My answer is how to provide SYNTAX HIGHLIGHTING (what is specified in the question itself). Highlighting individual characters unrelated to the syntax requires trivial javascript. This is also distinct from 'auto format' which is commonly interpreted to mean 'adjust my indent levels so it all looks good'.
This is a difficult task, but not as impossible as it seems. Once again, TextMate comes to our rescue but in a different fashion.
In TextMate, open the bundle editor and look at the language definition for HTML. Those are regexes that process the document and assign a 'scope' to each piece.
'Simply' parse that language definition format into the various components, and then use the regexes themselves like TextMate does to assign a scope/color. Piece of cake, right? :)
I would personally start with the most lightweight open source rich text editor you can find, then hack it into that. Or ya know, whatever floats your boat.
I hope that gave you some good ideas.
ORIGINAL ANSWER:
For Firefox, you can install the plugin 'It's All Text' from here:
https://addons.mozilla.org/en-US/firefox/addon/4125/
It works for me with 3.6.12. Set the path in preferences to TextMate (or whatever), and optionally set a hotkey or adjust the other settings to your liking. Be default, when your cursor is over a Textarea, a small button saying "Edit" will appear and open the contents of the Textarea in your editor. Saving will put the data back into the Textarea.
I hope this helps.
JSMinNpp 插件仅用于 javascript 自动格式化
http://sourceforge.net/projects/jsminnpp/
JSMinNpp plugin just for javascript auto-formatting
http://sourceforge.net/projects/jsminnpp/