ExtJS 创建一个类似于 stackoverflow 编辑器的组件答案

【问题标题】：ExtJS Create a component like editor of stackoverflowExtJS 创建一个类似于 stackoverflow 编辑器的组件
【发布时间】：2011-09-07 02:48:38
【问题描述】：

我想在 ExtJS 上创建一个组件，例如具有用于提问的 stackoverflow 的编辑器（只有粗体和强调按钮）。我认为这应该是 textarea 的扩展，但我不知道如何选择选定的文本以及如何用标签+文本替换。请给我一些想法。

谢谢

【问题讨论】：

【解决方案1】：

如果您正在谈论使用星号表示项目符号等的能力，那么在这种模式下，StackOverflow 的编辑器使用名为“Markdown”的东西。

这是一个尝试在 Extjs 中制作带有预览功能的基于 Markdown 的文本区域的示例：

如果您四处寻找其他与 Markdown 相关的编辑器，您可能会发现一些想法。如果您只是在寻找 "Online Rich-Text Editor"，那么这里有很多。

2014 年 4 月 29 日更新：实际上有一个项目你应该看看。它被称为“堆栈编辑”：

这是一个提供降价编辑组件的开源计划。不是基于 ExtJS，但那些发现这个问题的人可能会对他们正在做的事情感兴趣。

（我是通过 SO 的一项开源招聘侧边栏活动发现的；显然，广告可能很有用。）

【讨论】：

好的。降价听起来不错。但我不知道如何下载该扩展。
嗯，它似乎确实不见了。但一开始可能并不是很多代码。有一些用于处理 Markdown 的客户端和服务器端选项，请参阅这个问题：stackoverflow.com/questions/134235/…

【解决方案2】：

Markdown by John Gruber 可以从他的网站获得。您可以使用他的文档作为为 HtmlEditor 创建自己的插件的基础。

【讨论】：