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里面的多图上传,点击后弹出一个上传窗口,请问在那个文件修改上传窗口的大小?