小编Joe*_*yer的帖子

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

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

'<span 
    class="ccm-content-editor-snippet" 
    contenteditable="false" 
    data-scsHandle="' + selectedSnippet.scsHandle + '"
>' + selectedSnippet.scsName +'</span>'
Run Code Online (Sandbox Code Playgroud)

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

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

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

javascript concrete5 ckeditor ckeditor4.x concrete5-5.7

9
推荐指数
1
解决办法
627
查看次数