编辑ueditor的样式(ueditor隐藏工具栏)

1、下载并引入框架

<script type="text/javascript" src="__STATIC__/lib/ueditor/1.4.3/ueditor.config.js"></script>
	<script type="text/javascript" src="__STATIC__/lib/ueditor/1.4.3/ueditor.all.min.js"> </script>
	<script type="text/javascript" src="__STATIC__/lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js"></script>

2、html中加入一下代码代替文本框
这是一个文本框

<script id="single_title" name="single_title" type="text/plain" style="width:100%;height:400px;"></script>

如果同个页面存在多个ueditor编辑器文本框,则每个文本框命名不同,并在下面各自设置即可

<script id="single_title" name="single_title" type="text/plain" style="width:100%;height:400px;"></script>
<script id="analysis" name="analysis" type="text/plain" style="width:100%;height:400px;"></script>

3、对每个编辑器文本框分别进行配置,隐藏工具栏

<script>
// 初始化ueditor
var ue = UE.getEditor('single_title',{
         
        //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个    
        toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','bold','test']],    
        //focus时自动清空初始化时的内容    
        autoClearinitialContent:true,    
        //关闭字数统计    
        wordCount:false,    
        //关闭elementPath    
        elementPathEnabled:false,    
        //默认的编辑区域高度    
        initialFrameHeight:100    
        //更多其他参数,请参考ueditor.config.js中的配置项    
    });
ue.ready(function() {
     
    //设置默认值
    ue.setContent();
});
// 初始化题目解析
var analysis = UE.getEditor('analysis',{
         
        //这里可以选择自己需要的工具按钮名称,此处仅选择如下五个    
        toolbars:[['FullScreen', 'Source', 'Undo', 'Redo','bold','test']],    
        //focus时自动清空初始化时的内容    
        autoClearinitialContent:true,    
        //关闭字数统计    
        wordCount:false,    
        //关闭elementPath    
        elementPathEnabled:false,    
        //默认的编辑区域高度    
        initialFrameHeight:100    
        //更多其他参数,请参考ueditor.config.js中的配置项    
    });
analysis.ready(function() {
     
    //设置默认值
    analysis.setContent();
});
</script>

以上是一一对应的关系,在实际运用中灵活运用。

你可能感兴趣的:(html)