Eu quero criar um editor HTML WYSIWYG baseado na web que permite ao usuário inserir elementos HTML pré-definidos com certos atributos de classe ou id.

Por exemplo, qualquer editor de HTML permite que o usuário selecione algum texto e clique no botão "negrito", o que envolverá o texto selecionado<b></b> Tag.

Gostaria que o usuário pudesse selecionar algum texto, clicar em um botão chamado 'somebutton' e encapsular o texto selecionado em<div class="someclass"></div>, ou clique em um botão diferente e coloque o texto<h1 id="someid"></h1>, ou qualquer outro elemento HTML com um atributo específico, conforme definido por mim.

Eu sei que existem muitos editores HTML baseados em javascript por aí, mas estou procurando especificamente qualquer um que seja fácil de estender da maneira descrita acima. Eu olhei para TinyMCE e Aloha, e em ambos os casos achei a documentação muito difícil de usar ou inexistente.

Estou à procura de:

Recomendações de quaisquer editores que sejam fáceis de estender dessa maneiraTutoriais ou instruções sobre como adicionar elementos personalizados conforme descrito acima

Obrigado!