`

百度编辑器里添加按钮

 
阅读更多

编辑器李添加pdf引用按钮修改说明图:(注:在点击按钮弹出的iframe页面地址处未获取到转换为pdf的地址)

 



 



 

 

Editor_config.js新增按钮及按钮提示

 

 

,toolbars:[

      […………….  ,'quotepdf']

]

,labelMap:{

      …………..         ,'quotepdf':'pdf引用'

}

 

 

Editor_all.js新增如下:

15367行:

var btnCmds = [……….    ,'quotepdf']

15482

var dialogBtns = {

      ok : […………           ,'quotepdf']

}

46364651行新增:

UE.plugins['quotepdf'] = function() {

   var me =this;

    function deleteIframe(){

        me._iframe && delete me._iframe;

    }

    me.addListener("selectionchange",function(){

        deleteIframe();

    });

    me.commands["quotepdf"] = {

        queryCommandState : function(){

            return this.highlight ? -1 :0;

        }

    }

};

 

15343

var  iframeUrlMap ={

..

..

……               ,

'quotepdf':'~/dialogs/insertframe/pdf.html'

}

 

Themes/default/ueditor.css 样式新增:(按钮样式,及弹出iframe样式)

 

.edui-for-quotepdf .edui-icon {

    background-position: -240px -40px;

}

/*pdf-insertframe*/

.edui-for-quotepdf .edui-dialog-content  {

    width:350px;

    height:200px;

    overflow: hidden;

}

 

Dialogs/insertframe下新增pdf.html

  • 大小: 20 KB
  • 大小: 11.5 KB
分享到:
评论

相关推荐

    百度编辑器的使用

    **百度编辑器(UEditor)使用详解** 百度编辑器,又称UEditor,是百度公司推出的一款开源的富文本在线编辑器。它具有丰富的功能、良好的性能以及高度的自定义性,广泛应用于各种网站内容管理系统中,帮助用户方便...

    百度编辑器去掉图片间空隙

    ### 百度编辑器去掉图片间空隙 #### 背景介绍 在网页编辑过程中,经常需要调整图片布局以适应不同的设备屏幕尺寸,尤其是在移动设备上,良好的自适应设计可以提升用户体验。百度编辑器(UEditor)作为一款广泛使用...

    百度编辑器ueditor-dev-1.5.0 utf8-php 编译版

    百度编辑器(UEditor)是一款由百度公司Web前端研发部精心打造的开源富文本Web编辑器。它以其轻量级、高度可定制以及优秀的用户体验而广受开发者喜爱。UEditor遵循MIT协议,这意味着用户可以免费使用并根据自身需求...

    百度ueditor编辑器

    **百度UEditor编辑器详解** 百度UEditor是一款由百度公司开发的专业级富文本编辑器,它以其强大功能和易用性在Web应用中广受欢迎。UEditor专为满足现代网络编辑需求而设计,提供丰富的文本格式化选项,支持多媒体...

    百度编辑器ueditor.zip

    《全面解析:百度编辑器ueditor的使用与配置》 百度编辑器ueditor是一款功能强大的富文本在线编辑器,广泛应用于网站内容管理、博客、论坛等场景,为用户提供了一个便捷的可视化编辑环境。ueditor以其易用性、灵活...

    PHP版百度富文本编辑器ueditor

    **PHP版百度富文本编辑器ueditor** 在Web开发中,富文本编辑器是不可或缺的工具,它允许用户以类似于Microsoft Word的方式创建和编辑内容,然后以HTML格式存储。其中,百度开发的ueditor是一款非常受欢迎的开源富...

    百度编辑器UEditor v1.1.7 开发版

     百度编辑器UEditor开发版 v1.1.7更新说明去掉了iframe.css 改为在editor_config.js中配置,避免css文件找不到的问题给下拉菜单添加了默认的文字说明Ueditor.css去掉了对外部页面css的影响修正了ie9下,编辑器的...

    百度文本编辑器插件

    3. **自定义配置**:开发者可以根据需求调整编辑器的样式、工具栏,甚至添加自定义功能,满足个性化需求。 4. **良好的跨平台兼容性**:支持主流浏览器如Chrome、Firefox、Safari、Edge以及IE8及以上版本,确保在...

    基于百度UMeditor编辑器二次开发

    在“基于百度UMeditor编辑器二次开发”这个主题中,我们将深入探讨如何不依赖后端配置实现图片上传功能,并且添加对数学公式的支持。 **1. 图片上传功能** 默认情况下,UMeditor的图片上传功能需要与后端服务配合...

    百度编辑器UEditor插件DjangoUeditor v1.8.143.zip

    DjangoUeditor将Ueditor封装为一个Django app,提供文件/图片等上传功能,提供UEditorField、UEditorWidget等封装类,简化Ueditor在Django中的应用。...百度编辑器UEditor插件DjangoUeditor使用方法

    百度富文本编辑器Ueditor1.8.1完美版含文档,例子

    4. **可定制化**:开发者可以根据项目需求自定义编辑器的样式和功能,例如调整工具栏按钮,实现特定插件等。 5. **良好的兼容性**:Ueditor兼容多种浏览器,包括Chrome、Firefox、Safari、IE等,覆盖了大部分用户...

    百度编辑器UEditor JSP版 v1.3.5.rar

    百度编辑器v1.2.6.0更新内容: 优化了拖拽机制,处理浮动图片拖拽不能跟指定的某行对齐 优化了backspace/del键的操作 重写了插入代码功能,插入代码编写支持tab和回车键 列表粘贴优化,模仿word的列表粘贴 修复jsp...

    百度富文本web编辑器

    例如,可以自定义工具栏按钮,调整编辑器样式,甚至开发新的功能模块。这使得UEditor能够适应各种复杂应用场景,如论坛、博客、CMS系统等。 **4. 跨平台兼容** 考虑到不同的浏览器环境,UEditor优化了对主流浏览器...

    vue20Ueditor在vue20中集成百度编辑器的方法

    在Vue.js 2.0框架中集成百度编辑器(UEditor)是一项常见的需求,它能够为用户提供一个富文本编辑环境,方便内容编辑和格式化。本文将详细介绍如何在Vue项目中实现这一功能。 首先,我们需要了解Vue.js 2.0的基础...

    百度编辑器euditor

    **百度编辑器Eduitor详解** 百度编辑器,全称为UEditor,是由百度公司开发的一款强大的Web在线富文本编辑器。它专为Web开发者设计,旨在提供一个功能丰富且易于集成到网页中的文本编辑解决方案。UEditor支持多种...

    百度编辑器 ueditor

    **百度编辑器(UEditor)** 是一款由百度公司前端研发部精心打造的Web富文本编辑器,它在行业内因其轻量级、高度可定制以及优秀的用户体验而受到广泛欢迎。UEditor的设计理念是“所见即所得”,使得用户在网页上进行...

    Uedtior百度编辑器

    **Uedtior百度编辑器**是一款功能丰富的在线文本编辑器,主要应用于网页内容的创建、编辑和管理。它由百度公司开发,旨在提供一个高效、便捷且易用的富文本编辑环境,使得非程序员也能轻松编辑出具有复杂格式的网页...

    SSM框架整合百度编辑器加前端框架

    SSM框架整合百度编辑器与前端框架是一种常见的Java Web开发方式,主要应用于构建功能丰富的博客系统。本项目中,开发者采用Spring、SpringMVC和MyBatis(简称SSM)作为后端的主要技术栈,结合百度编辑器UEditor提供...

Global site tag (gtag.js) - Google Analytics