UEditor编辑器怎么插入css

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UEditor编辑器怎么插入css相关的知识,希望对你有一定的参考价值。

如题,我在UEditor里面可以插入js代码,但是插入的css代码无效,求各位大神帮忙解决下。。

插入格式对吗?
一种是放<head></head>之间定义的<style>标签内部
如<style type="text/css">
#div
width:100px;

height:100pxl;


</style>
还一种是元素中使用(不推荐)
如 <div style="width:100pxl;heigth:100px;" ></div>
另外一种是css存在外部,用<head>内用<link>标签链接进来的
还有导入等几种方法。追问

插入元素肯定没问题,在元素中使用是没有问题的,但是使用插入代码就无法识别。。

参考技术A   在editor-config.js中,
  1、在toolbars: []数组中,添加 'Mycard','|',//自定义插件,我的名片
  2、labelMap: []数组中,添加'mycard':'自定义插件,我的名片',其中首字母要小写 //自定义插件
  3、在ui/editorui.js中,添加'Mycard'/*自定义按钮*/,
  4、在样式文件ueditor.css中,为新增命添加按钮的样式类
  .edui-for-mycard .edui-icon
  background-position: -400px -40px;
  /*自定义命令按钮的样式*/
  
  5、实现自定义命令的功能,如:
  //实现插件的功能代码
  baidu.editor.commands['mycard'] = execCommand : function() this.execCommand('inserthtml',"
  自定义插件,我的名片
  "); return true; , queryCommandState : function() ;
参考技术B werwer

关于ueditor插入不了动态地图

  

 1 1. 打开编辑器根目录下面的ueditor.all.js文件,找到:
 2     table.setAttribute("data-sort", cmd == "enablesort" ? "sortEnabled" : "sortDisabled")
 3      在这句代码下面加一行:
 4 table.setAttribute("style", "border-collapse:collapse;");
 5 
 6 2.在ueditor.all.js文件中找到:
 7     return ‘<table><tbody>‘ + html.join(‘‘) + ‘</tbody></table>‘
 8      改为:
 9     return ‘<table style="border-collapse:collapse;"><tbody>‘ + html.join(‘‘) + ‘</tbody></table>‘
10 
11 3.修改配置文件ueditor.config.js 找到:
12     whitList
13     下一行添加:
14     iframe: [‘frameborder‘,‘border‘,‘marginwidth‘,‘marginheight‘,‘width‘,‘height‘,‘src‘,‘id‘],//动态地图

 

以上是关于UEditor编辑器怎么插入css的主要内容,如果未能解决你的问题,请参考以下文章

页面插入百度UEditor编辑器

百度编辑器ueditor里面的多图上传,点击后弹出一个上传窗口,请问在那个文件修改上传窗口的大小?

ueditor 控制上传图片的显示尺寸

向ueditor中插入内容

解决百度富文本编辑器 UEditor 插入视频后没有路径的问题

百度编辑器UEditor不能插入视频的解决方法