Tinymce 添加自定义HTML元素的好javascript HTML编辑器是什么?

Tinymce 添加自定义HTML元素的好javascript HTML编辑器是什么?,tinymce,editor,ckeditor,text-editor,aloha-editor,Tinymce,Editor,Ckeditor,Text Editor,Aloha Editor,我想创建一个基于web的WYSIWYG HTML编辑器,允许用户插入具有特定类或id属性的预定义HTML元素 例如,任何HTML编辑器都允许用户选择一些文本并单击“粗体”按钮,这将在标记中包装所选文本 我希望用户能够选择一些文本,单击名为“somebutton”的按钮并将所选文本包装在中,或者单击其他按钮并将文本包装在中,或者使用我定义的特定属性的任何其他HTML元素 我知道有很多基于javascript的HTML编辑器,但我特别寻找任何可以通过上述方式轻松扩展的编辑器。我查看了TinyMCE和

我想创建一个基于web的WYSIWYG HTML编辑器,允许用户插入具有特定类或id属性的预定义HTML元素

例如,任何HTML编辑器都允许用户选择一些文本并单击“粗体”按钮,这将在
标记中包装所选文本

我希望用户能够选择一些文本,单击名为“somebutton”的按钮并将所选文本包装在
中,或者单击其他按钮并将文本包装在
中,或者使用我定义的特定属性的任何其他HTML元素

我知道有很多基于javascript的HTML编辑器,但我特别寻找任何可以通过上述方式轻松扩展的编辑器。我查看了TinyMCE和Aloha,在这两种情况下都发现文档很难使用或根本不存在

我正在寻找:

  • 任何编辑的建议都很容易以这种方式扩展
  • 有关如何如上所述添加自定义元素的教程或说明

  • 谢谢大家!

    CKEditor提供了一种灵活的方法,其规则定义如下(在
    styles.js
    or中):

    制作:

    <h2 class="customClass" id="someId" style="font-style:italic;">Custom element</h2>
    
    自定义元素
    
    定义后,样式可直接从中获得,可以应用于当前选择或新元素

    可以动态创建样式,并将其应用于。该插件可以直接从CSS文件中提取样式

    注意:定义自定义样式可能需要正确配置(自CKEditor 4.1以来)

    <h2 class="customClass" id="someId" style="font-style:italic;">Custom element</h2>