Plugins 创建代码块<;代码>;或<;预处理>;在编辑中

Plugins 创建代码块<;代码>;或<;预处理>;在编辑中,plugins,ckeditor,Plugins,Ckeditor,是否有允许用户创建或块的插件 如果我传入一些包含块的html,则会显示内容,但没有任何视觉指示表明它与任何其他文本不同。这很不方便,但我似乎找不到一种方法,用户可以选择他们键入的代码块,然后单击一个按钮来显示 我还是个新手,但我知道Telerik对这方面很有兴趣。(只需单击右上角标题为“格式代码块”的工具栏按钮) 这个编辑器支持吗?他们有添加此功能的插件吗?至于pre元素,wwalc有此插件: 它也可以在GitHub中获得: 唯一的问题是它已经有一段时间没有更新了-它官方只支持CKE版本4.1-

是否有允许用户创建
块的插件

如果我传入一些包含
块的html,则会显示内容,但没有任何视觉指示表明它与任何其他文本不同。这很不方便,但我似乎找不到一种方法,用户可以选择他们键入的代码块,然后单击一个按钮来显示

我还是个新手,但我知道Telerik对这方面很有兴趣。(只需单击右上角标题为“格式代码块”的工具栏按钮)


这个编辑器支持吗?他们有添加此功能的插件吗?

至于pre元素,wwalc有此插件:

它也可以在GitHub中获得:


唯一的问题是它已经有一段时间没有更新了-它官方只支持CKE版本4.1-所以至少可能存在一些ACF问题。您可以使用诸如code和pre之类的关键字在搜索替代项,这将始终显示最新的结果。

对于代码块,您也可以使用该功能-默认情况下,它在标准预设和完整预设中可用,但您也可以

启用格式插件后,它会将格式下拉列表添加到工具栏中。检查格式化的文本格式-它用
标记包装活动文本块。请注意,它在块级别工作,所以您甚至不需要执行任何文本选择。但是,这也意味着它不适合内联格式

您还可以通过调整定义将一些自定义样式添加到格式化的格式中。有关默认实现和自定义格式定义的演示,请参见示例(向下滚动示例页面以获取两种解决方案的完整源代码)

至于内联代码格式,包含内联计算机代码样式,该样式使用
标记包装文本选择。同样,您可以(而且实际上应该)应用此功能

此外,对于一些非常奇特的代码格式,请参阅可选插件。它允许您在编辑器中插入带有语法高亮显示的代码段。这些代码段看起来很棒(您也可以选择您喜欢的主题),因为它们是作为小部件实现的,所以它们具有以下所有优点:代码段在编辑器中被视为单个实体,您可以将其作为一个整体进行选择、删除、通过拖放等方式更改其位置。有关更多信息和示例,请参阅和