ckeditor_配置 修改工具栏段落的标签和在文中的格式

在默认的工具栏中自带一个格式的选项,可以编辑文字的段落属性,将文字转换为标题。ckeditor中提供了方法可以对这个标签进行修改。

正在做的项目中不叫标题1标题2,叫章、节、条... 。 需要进行配置,下面是配置方法。

 

ckeditor 中在于段落格式的设置中有两种格式一种是格式,format,另一种是style(可以自定义);

格式中的下拉菜单中的名称只能通过修改ckeditor的源代码或者修改语言文件对应的名称来修改。

样式中的可以自己的定义包含块状元素和行内元素,以及其他的元素。

 

在我做的项目中只需要修改语言文件中的个标题对应的名字(label)就i行。

项目中还有一个需求,需要对下拉菜单中选择的每个标题带上id。没办法只能去修改format插件中的代码了。在点击的方法中添加id

其中defineObj是对元素的标签预设的集合。style,class attribute等等都可以设置。

			onClick: function( value ) {
				editor.focus();
				editor.fire( 'saveSnapshot' );

				var style = styles[ value ],
					elementPath = editor.elementPath();

				// Always apply style, do not allow to toggle it by clicking on corresponding list item (#584).
				if ( !style.checkActive( elementPath, editor ) ) {
					var defineObj = style.getDefinition();
					if(!defineObj.attributes) {
						defineObj.attributes = {

						}
					}
					defineObj.attributes['id'] = Date.now();

					editor.applyStyle( style );
				}

				// Save the undo snapshot after all changes are affected. (https://dev.ckeditor.com/ticket/4899)
				setTimeout( function() {
					editor.fire( 'saveSnapshot' );
				}, 0 );
			},

  最重要的一点是要对ACF进行设置。别让编辑器把你的内容给过滤了

转载于:https://www.cnblogs.com/pipu-qiao/p/8540224.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值