CKEditor在样式中插入不可编辑的HTML

Question

我目前正在将一个CKEditor端口转换为concrete5.作为其中的一部分,concrete5能够创建可以通过编辑器插入的"片段".开发人员可以定义这些窗口小部件生成的HTML输出类型,但在编辑模式下,它只显示带有以下HTML的占位符:

'<span 
    class="ccm-content-editor-snippet" 
    contenteditable="false" 
    data-scsHandle="' + selectedSnippet.scsHandle + '"
>' + selectedSnippet.scsName +'</span>'

我查看了CKEditor小部件,但不一定要用可能的大量按钮来混淆我的工具栏来激活这样的功能.我很好奇是否可以在stylescombo下拉列表(或类似的下拉列表)中添加一些东西,然后插入一个类似上面的代码片段.

目前我可以尝试这样做可以在https://github.com/ExchangeCore/Concrete5-CKEditor/blob/feature/magicstyles/assets/concrete5styles/plugin.js#L17-L30找到这个不太有效因为我无法插入selectedSnippet.scsName到样式的innerHTML中.是否有一些方法可以做到这一点或其他一些更明显的方式在CKEditor中使用这种插入功能而不需要大量的工具栏按钮？

此外,应该能够删除该范围的内容,但不能编辑.

Answer 1

使用此插件，您可以创建一个下拉列表来插入您想要的任何 HTML 块： http: //ckeditor.com/addon/htmlbuttons

如果它不符合您的需求，请查看源代码并选择您缺少的部分。