ExtJS 创建一个类似于 *** 编辑器的组件

Posted 2023-02-22

【中文标题】ExtJS 创建一个类似于 *** 编辑器的组件

【英文标题】：ExtJS Create a component like editor of ***

【发布时间】：2011-09-07 02:48:38

【问题描述】：

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

谢谢

【问题讨论】：

您考虑过使用 htmlEditor 吗？

Ext 的 HtmlEditor 是一个很好的起点。对于更复杂的富文本编辑，请考虑 TinyMCE 及其关联的 ExtJS 扩展 link

HTMLEditor 生成 Html 代码。我需要添加星号，例如 *** 编辑器。

@richardhell 你是否设法为 ExtJS 创建了这样一个降价编辑器扩展？

【参考方案1】：

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

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

http://www.sencha.com/learn/Extension:Ext.ux.MarkdownEditor

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

---

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

https://stackedit.io

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

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

【讨论】：

好的。降价听起来不错。但我不知道如何下载该扩展。

嗯，它似乎确实不见了。但一开始可能并不是很多代码。有一些用于处理 Markdown 的客户端和服务器端选项，请参阅这个问题：***.com/questions/134235/…

【参考方案2】：

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