ueditor怎么控制工具栏按钮是否显示

[u011114717]

我想要在编辑器刚开始加载的时候显示一部分常用的按钮，然后如果需要全部，有个按钮可以控制


求大神们帮忙解决一下

就剩40分了 解决完立马结贴给分

[u011114717]

自己给自己顶一下

[一枝梨花]

//本来是这样的:UE.getEditor('editor'); 传入参数后就是下面那样子了，toolbars里的就是工具的图标 UE.getEditor('editor', { toolbars: [ ['fullscreen', 'source', 'undo', 'redo', 'bold', 'italic', 'underline', 'fontborder', 'backcolor', 'fontsize', 'fontfamily', 'justifyleft', 'justifyright', 'justifycenter', 'justifyjustify', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', 'link', 'unlink', 'emotion', 'help'] ] }); }) 在toolbars里面自定义即可，就是你运行的那个html页面里面引用对象时做修改，我是最近才做这个功能的 看我的： //var ue = UE.getEditor('editor');//这个就是加载默认内容，下面的就是重新定义 var ue = UE.getEditor('editor',{toolbars: [[ 'fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'strikethrough', 'removeformat', '|', 'forecolor', 'backcolor', '|', 'insertorderedlist', 'insertunorderedlist', 'cleardoc', '|', 'paragraph', 'fontfamily', 'fontsize', '|', 'indent', '|', 'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'link', '|', 'simpleupload', 'emotion', 'insertvideo', '|', 'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts' ]]});

[落叶3213]

ueditor 1.4.3 一、t加入一个按钮 ueditor.all.js中 1. var btnCmds= 中加 'toggletool' 2. 找到 “fullscreen这里单独处理一下，放到首行去” 下一行修改成

if (toolbarItem == 'fullscreen'||toolbarItem == 'toggletool') {

目的是把这个按钮也跟全屏按钮一样放到首行 themes/default/ueditor.css 中 1. 加css（跟全屏按钮一样浮动到右边）

.edui-default .edui-toolbar .edui-for-toggletool {
    float: right;
}

2. 定义按钮背景图片

.edui-default  .edui-for-toggletool .edui-icon {
    background-position: -400px -40px;
}

二 、在引用ueditor的网页代码里

var stateText=0;
var countnum=0;
    //实例化编辑器
    var ue = UE.getEditor('editor',{toolbars:[[
            'toggletool','fullscreen', 'source', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','|',
            'simpleupload', 'insertimage','|', 'selectall', 'cleardoc'
        ]],initialFrameWidth:1024,initialFrameHeight:500});
  baidu.editor.commands['toggletool']={
	execCommand:function () {
		var fullscreenstate=this.ui.isFullScreen();
		if(fullscreenstate==true){
			this.ui.setFullScreen(false);//取消全屏模式
		}
		countnum++;
		//this.setContent(" <a href='http://www.lzzx.cn' target='_blank'>连云港市厉庄高级中学</a>  "+"第"+countnum+"次：原stateText值："+stateText+"<br>", true);
		this.destroy();
		if(stateText<0||stateText==""){
			//alert("简易");
			ue = UE.getEditor('editor',{toolbars:[[
            'toggletool','fullscreen', 'source', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
            'rowspacingtop', 'rowspacingbottom', 'lineheight', '|',
            'customstyle', 'paragraph', 'fontfamily', 'fontsize', '|',
            'directionalityltr', 'directionalityrtl', 'indent', '|',
            'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
            'link', 'unlink', 'anchor', '|', 'imagenone', 'imageleft', 'imageright', 'imagecenter', '|',
            'simpleupload', 'insertimage', 'emotion', 'scrawl', 'insertvideo', 'music', 'attachment', 'map', 'gmap', 'insertframe', 'insertcode', 'webapp', 'pagebreak', 'template', 'background', '|',
            'horizontal', 'date', 'time', 'spechars', 'snapscreen', 'wordimage', '|',
            'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|',
            'print', 'preview', 'searchreplace', 'help', 'drafts'
        ]],initialFrameWidth:1024,initialFrameHeight:500});
			stateText=1;
		}else if(stateText>0){
			//alert("复杂");
			ue = UE.getEditor('editor',{toolbars:[[
            'toggletool','fullscreen', 'source', '|', 'undo', 'redo', '|',
            'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist','|',
            'simpleupload', 'insertimage','|', 'selectall', 'cleardoc'
        ]],initialFrameWidth:1024,initialFrameHeight:500});
			stateText=0;
		}
		return true;
	}
  }

[落叶3213]

具体效果看下图
简易工具栏

复杂工具栏

[落叶3213]

更正： 引入ueditor的网页里，第18行应为

if(stateText==0||stateText==""){

[happydevelopers]

//初始化设置默认的editor(可以自行设置需要的工具栏) var ue = UE.getEditor('editor'); //再在按钮单击事件里面，销毁编辑器ue ue.destroy(); //再重新创建编辑器即可 ue = UE.getEditor('editor',{toolbars: [[ 'fullscreen', 'source', '|', 'undo', 'redo', '|' ]]});