首页 文章

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

提问于
浏览 次
9

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

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

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

目前我必须尝试这样做可以在_1661289找到_这不太有用，因为我无法将 selectedSnippet.scsName 插入到样式的innerHTML中 . 是否有一些方法可以做到这一点或其他一些更明显的方式在CKEditor中使用这种插入功能而不需要大量的工具栏按钮？

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

javascript ckeditor concrete5 ckeditor4.x concrete5-5.7

1 回答

  • 3

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

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

    回复于

相关问题