ExtJS Создайте компонент, такой как редактор stackoverflow

Question

Я хочу создать в ExtJS компонент, такой как редактор, в котором есть стекопоток для задаваемого вопроса (только кнопки Bold и Emphasis). Я думаю, что это должно быть расширение textarea, но я не знаю, как выбрать выделенный текст и как заменить теги + текст. Пожалуйста, дайте мне несколько идей.

Спасибо

Answer 1

Уценка Джона Грубера может быть получена с его сайта.Вы можете использовать его документацию в качестве основы для создания собственного плагина для HtmlEditor.

Answer 2

Если вы говорите о возможности использовать звездочки для маркеров и тому подобное, в этом режиме редактор StackOverflow использует что-то под названием " Markdown ".

Вот один пример того, как кто-то пытается создать текстовую область на основе уценки с предварительным просмотром в Extjs:

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

Если вы посмотрите на других редакторов, связанных с Markdown, вы можете найти некоторые идеи. Если вместо этого вам нужен просто «Онлайновый текстовый редактор» , то этого достаточно.

---

ОБНОВЛЕНИЕ 29-АПРЕЛЯ 2014 : На самом деле вам стоит взглянуть на проект. Он называется «StackEdit»:

https://stackedit.io

Это инициатива с открытым исходным кодом для предоставления компонента редактирования уценки. Не на основе ExtJS, но те, кто находят этот вопрос, могут быть заинтересованы в том, что они делают.

(Я обнаружил это с помощью одной из кампаний SO по привлечению открытых источников на боковой панели; реклама может быть полезной, по-видимому.)