ueditor编辑器怎么动态控制工具栏按钮?

UEditor编辑器想要开发的web项目，比如java web项目中使用UEditor，下面我们就来看看详细的教程。

1、这样就可以在jsp页面中，看到完整的UEditor的界面如下图所示。

2、我们可能会觉得工具栏的按钮太多了，有些在我们的项目中并不需要。于是，我们可以采用下面的方式进行工具栏的定制：

3、这样，我们就得到了下面定制了工具栏的编辑器：上面这两种方式都是在初始化的时候，一次性地定制工具栏。（第一种没有指定特定的按钮，默认所有按钮都需要）。

4、可是在项目中，我们可能会需要动态地改变工具栏中显示哪些按钮。比如我们可能先浏览一篇文章，这个时候并不需要太多的工具栏按钮，而设置一个编辑按钮，当点击了该按钮之后，才显示出需要的工具栏按钮。

5、我在项目中就遇到了这个需求。刚开始在网上一直搜索不到答案。于是，经过我对UEditor文档的专心研究。发现可以通过一种“曲线”的方式实现这个功能。假设jsp页面中已经有一个id为editor的编辑器，它的工具栏是显示了所有的按钮。通过下面这个函数就可以实现将按钮缩减到5个：

6、原因就是调用了UEditor的API中的destroy()函数，它会将编辑器“销毁”掉，退回到textarea状态（这个编辑器其实就是通过textarea加上javascript代码来实现的。我们可以把上面的代码封装到一个函数中，只要运行这个函数（比如点击了一个按钮来触发该函数），就可以改变编辑器显示的按钮，实现了动态控制工具栏按钮的需求。

以上就是ueditor百度编辑器的使用方法，希望大家喜欢，请继续关注我们。

赞 (0)

相关推荐

  • Pr怎么编辑预览窗口工具栏按钮

    Pr怎么编辑预览窗口工具栏按钮

    Pr是现在十分常用的一款视频编辑软件,有些新用户不知道该软件怎么编辑预览窗口工具栏按钮,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的Pr软件,先导入视频并拖动到时间 ...

  • Firefox 4.0 浏览器工具栏按钮设计

    作为一款开源浏览器，Mozilla一直也在同大家分享新界面的开发进程。Firefox 4.0新界面的一个重要改进就是工具栏按钮的设计和布局，今天Mozilla开发人员Stephen Horlander ...

  • 如何将excel宏添加为工具栏按钮

    录制或编写好宏以后,希望能够方便地调用,除了添加快捷键和绑定到控件以外,还可以将宏添加为工具栏按钮,并为这个按钮自定义图标. 这样就免去了快捷键容易冲突,和控件按钮会在复制sheet时一并复制到新工作 ...

  • dede织梦后台整合百度UEditor编辑器

    dede织梦后台整合百度UEditor编辑器 操作方法 01 整合范围: 广告编辑器(支持了多编辑器),栏目内容编辑器,文章内容编辑器 在dede系统中,找到include/inc/inc_fun_f ...

  • 世界之窗浏览器如何设置自定义工具栏.按钮

    右击状态栏空白处，或者右击菜单栏、前进及后退按钮可显示自定义工具栏、按钮的菜单。

  • Excel 如何自定义工具栏按钮

    单击"工具→自定义"命令,打开"自定义"对话框使Excel处于自定义模式,这时你可以用鼠标右键单击工具栏上的按钮图标,弹出快捷菜单,利用这个快捷莱单,我们可以完 ...

  • ueditor编辑器图片自定义存放目录及路径修改

    编辑器ueditor功能强大,很多人士以应用项目开发中,但是里面有一个公众的问题就是上传图片存放目录太深,默认是ueditor/php/upload下,前不久测试后图片存放目录可以改变,但是路径会出现 ...

  • 阿云浏览器工具栏按钮都有哪些功能

    工具栏从左至右依次为：“后退”、“前进”、“刷新”、“主页”、“地址栏”、“网页收藏”、“撤销关闭页面”、“打开撤销列表”和“搜索框”，如下图所示：

  • 怎么还原wps文字里的公式编辑器的上方工具栏？

    Excel已经成为我们处理数据的不二利器,能够帮助我们轻松的处理分析大量数据,让我们的工作事半功倍.Excel中有很多使用的技巧,我们需要不断的学习,才能够精进这些知识,熟练使用这些技巧 操作方法 0 ...