如何将属性添加到由 tinymce 创建的代码示例预块
How can I add attributes to the codesample pre block that is created by tinymce
我的博客上有一个 TLDR 开关。
此开关是一个 javascript，它隐藏或取消隐藏附加了 class="tldr" 属性的任何元素。
我在 TinyMCE 中为段落创建了自定义 block_formats，这样我就可以创建一个附加了 TLDR class 的段落。
但是，当我使用该插件插入代码示例时，它会生成一个我无法在之后格式化的预块。
我已经尝试使用 TLDR class 创建自定义 PRE 块，但 TinyMCE 不允许我将此格式应用于已创建的代码示例块。
有没有人对我的问题有其他解决方案，或者您能看看我做错了什么吗？
TinyMCE 中是否有另一种方法可以将属性添加到已经添加到代码中的元素？
我试过代码查看器，但它不允许我修改生成的 HTML 代码。
您可以使用 formats 和 style_formats 自定义用户可用的样式选项以及他们的操作方式。
要使用 class="tldr" 添加自定义 pre 块，您可以将此配置添加到 TinyMCE：
style_formats: [
// Adds a pre format to style_formats that applies a 'tldr' class
{ title: 'TLDR', block: 'pre', classes: 'tldr' }
]
看到这个 TinyMCE fiddle：http://fiddle.tinymce.com/Ikhaab
就其本身而言，这将覆盖默认样式格式，但您可以将它们添加回去并将新的 TLDR 选项放置在“块”子菜单中，如下所示：http://fiddle.tinymce.com/Jkhaab
资源：
我的博客上有一个 TLDR 开关。 此开关是一个 javascript，它隐藏或取消隐藏附加了 class="tldr" 属性的任何元素。
我在 TinyMCE 中为段落创建了自定义 block_formats，这样我就可以创建一个附加了 TLDR class 的段落。
但是，当我使用该插件插入代码示例时，它会生成一个我无法在之后格式化的预块。 我已经尝试使用 TLDR class 创建自定义 PRE 块，但 TinyMCE 不允许我将此格式应用于已创建的代码示例块。
有没有人对我的问题有其他解决方案，或者您能看看我做错了什么吗？ TinyMCE 中是否有另一种方法可以将属性添加到已经添加到代码中的元素？ 我试过代码查看器，但它不允许我修改生成的 HTML 代码。
您可以使用 formats 和 style_formats 自定义用户可用的样式选项以及他们的操作方式。
要使用 class="tldr" 添加自定义 pre 块，您可以将此配置添加到 TinyMCE：
style_formats: [
// Adds a pre format to style_formats that applies a 'tldr' class
{ title: 'TLDR', block: 'pre', classes: 'tldr' }
]
看到这个 TinyMCE fiddle：http://fiddle.tinymce.com/Ikhaab
就其本身而言，这将覆盖默认样式格式，但您可以将它们添加回去并将新的 TLDR 选项放置在“块”子菜单中，如下所示：http://fiddle.tinymce.com/Jkhaab
资源：