Question

有没有办法在格式下拉列表中添加标记，以便将文本包装在<small></small>标记中？

按如下方式编辑 config.js 会导致运行时错误：

config.format_tags = 'small;p;h1;h2;h3;pre';

可能因为<small>不是块级别？

Answer 1

运行时错误的原因是，js找不到CKEDITOR.config.format_small。

你必须做两件事：

在CKEDITOR.config.format_h6中搜索ckeditor.js并添加CKEDITOR.config.format_small={element:"small"};。然后错误消失了，但你还看不到这个条目。
打开所需的语言文件（例如en.js）并添加"tag_small":"small text" 现在CKEditor支持small标记。

这对我有用，我希望它也适合你。

Answer 2

如果我想在格式标记中添加自定义部分标记，请为我工作：

1.转到config.js，添加
config.format_tags =＆＃39; h1; h2; h3; h4; h5; h6; section ＆＃39;
config.format_section = {element：＆＃39; section＆＃39; };

2.然后打开所需的语言文件（例如en.js） - ＆gt; lang / en.js
搜索＆＃34; tag_pre＆＃34;：＆＃34;格式化＆＃34;，然后添加＆＃34; tag_section＆＃34;：＆＃34;＆＃34; 。

Answer 3

如果您希望将文本包装在某个标签中，也可以通过Style下拉菜单来实现。

首先，配置您的编辑器以允许/admin/config/content/formats/manage/full_html上的样式。将full_html替换为要修改的任何编辑器版本
将Styles按钮拖到活动工具栏上（如果尚未存在）
在CKEditor插件设置下的“样式下拉列表”选项卡中添加项目

每个选项采用css_selector | Human Visible Name的形式，因此，您需要添加small.my_element_class | Super Special Small或类似的内容。

此帖子中的说明缩写：https://www.axelerant.com/resources/team-blog/drupal-8-custom-styles-in-ckeditor

CKEditor格式标记和自定义<small>标记</small>

3 个答案: