如何在由tinymce创建的codeample预块中添加属性？

Question

我的博客上有一个TLDR开关，这个开关是一个javascript，它可以隐藏任何带有class="tldr "属性的元素，或者取消隐藏它。

我在TinyMCE中为段落创建了自定义的block_formats，可以让我创建一个带有TLDR类的段落。

然而，当我使用该插件插入一个代码样本时，它将生成一个pre块，我不能在之后格式化.我已经尝试创建一个带有TLDR类的自定义PRE块，但TinyMCE不会让我将此格式应用于已创建的代码样本块。

有没有人有其他的解决方案来解决我的问题，或者你可以看到我是否做错了什么？在TinyMCE中是否有其他的方法来为已经添加到代码中的元素添加属性？我已经尝试了代码查看器，但这不允许我修改生成的HTML代码。

Answer 1

你可以使用 formats 和 style_formats 以自定义用户可用的样式选项及其操作方式。

要添加一个自定义 pre 块状 class="tldr"，你可以把这个配置添加到TinyMCE中。

style_formats: [
    // Adds a pre format to style_formats that applies a 'tldr' class
    { title: 'TLDR', block: 'pre', classes: 'tldr' }
]

就其本身而言，这将覆盖默认的样式格式，但您可以将它们添加回来，并将新的TLDR选项定位在Blocks子菜单中，如这里所示。http:/fiddle.tinymce.comJkhaab

资源。