zoukankan      html  css  js  c++  java
  • 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进行设置。别让编辑器把你的内容给过滤了

  • 相关阅读:
    2021“MINIEYE杯”中国大学生算法设计超级联赛(2)(1002 I love tree)(树状数组+树链剖分)
    周末随笔_有关变化
    20210808心情随笔
    离开那个傻叉的地方了
    如何建设符合ISO9000要求的企业文控中心
    企业云盘部署极其简单的分布式文件系统的方法
    企业云盘安全机制-文件加密存储与原文存储的优劣
    查看tomcat打开的文件数
    Centos7 Memcached 安装
    centos7 快速安装rabbitmq
  • 原文地址:https://www.cnblogs.com/pipu-qiao/p/8540224.html
Copyright © 2011-2022 走看看