ueditor编辑器 | 易学教程

Js 之百度编辑器UEditor插件

阅读更多关于 Js 之百度编辑器UEditor插件

一、下载 http://ueditor.baidu.com/website/download.html#ueditor 二、效果图三、示例引入js <script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/ueditor.config.js"></script> <script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/ueditor.all.min.js"></script> <script type="text/javascript" src="<?php echo base_url() ?>static//plugins/ueditor/lang/zh-cn/zh-cn.js"></script> <textarea name="post[content]" id="content" style="width: 100%;" class="mr5"><?php echo @$data['content'] ?></textarea> UE.delEditor('content'); UE.getEditor('content', {

秀米编辑器相关

阅读更多关于秀米编辑器相关

1.示例中第2点文件所放置的目录下载文件 http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.html ，将其放置于UEditor网页的目录内。如果您将其放置于其他目录，请修改中相应的内容 : 这个目录是指加载ueditor所在页面目录，这个html是弹出框。 2.选择对勾，秀米内的编辑内容没有加载到当前的ueditor内这个比较坑，秀米官网并没有说要更改其他文件。但是通过调试工具发现，在 xiumi-ue-dialog-v5.html 中line25-26，加载了ueditor中的 internal.js文件，而这个文件的路径是需要更改成自己的项目文件路径。 <script type="text/javascript" src="dialogs/internal.js"></script> <script> 3.选择对勾后，秀米内的内容加载到本地ueditor中时，样式丢失这个有篇博客说明了原因，具体见http://www.cnblogs.com/theroad/p/5761743.html。解决办法是，更改ueditor.config.js文件中line412，将section行改为section:['class', 'style']，不过滤style和class。所使用的ueditor版本为1.4.3

10个免费的jquery可视化编辑器

阅读更多关于 10个免费的jquery可视化编辑器

10个免费的jQuery可视化编辑器插件 2011-05-27 16:29 | 4643次阅读 | 来源：开源中国社区【已有 0 条评论】发表评论关键词：编辑器 , jQuery | 作者：红薯 | 收藏这篇资讯文本编辑器，也就是所见即所得的HTML编辑器，是网站一个非常重要的组件，特别是对于一些内容发布网站来说。本文介绍10个基于jQuery的可视化文本编辑器。 1. MarkitUp markItUp!并不是全功能的编辑器，它是一个非常轻量级、可定制的灵活引擎，适合CMS、博客、论坛等网站。makrItUp并不是所见即所得的，以后也不会是。 demo / source 2. jWYSIWYG 这是一个内嵌的内容编辑器，可直接编辑HTML内容，并具备所见即所得的效果，该插件体积非常小，只有不到26K。 demo / source 3.RTE jQuery 该编辑器同样非常小而且易用，并可根据需要进行定制，jquery.rte.js文件只有7k（未压缩），兼容主流浏览器（IE6，Firefox 2，Opera 9，Safari 3.03） demo / source 4. jHtmlArea jHtmlArea是一个简单、轻量级、可扩展、基于jQuery开发的WYSIWYG HTML编辑器。这个组件可以很方便将页面中的TextArea标签转换成一个WYSIWYG HTML

vue中使用Ueditor编辑器

阅读更多关于 vue中使用Ueditor编辑器

1、下载包：从Ueditor的官网下载1.4.3.3jsp版本的Ueditor编辑器，官网地址为：　　　　　　http://ueditor.baidu.com/website/ 2、下载好之后，将Jsp版本解压，解压后文件夹改名为ueditor,将文件夹中的jsp单独剪切到一边，之后将整个ueditor文件夹拷贝到Vue的public或者static目录下，项目结构如下： 3、修改 ueditor.config.js ，如下 4、在前面的工作中，我们找到jsp文件夹中的这个jar包ueditor-1.1.2，将其解压，反编译成java文件，复制到后台工程中。注意jsp文件夹中有个 config.json 文件，这是Ueditor上传功能所需的配置文件，找到将之复制到资源目录中。 5、原来Ueditor是通过访问controller.jsp文件来初始化配置文件以及进行上传操作的,我们现在将之用代码进行替换。下面看一下上传图片功能的源码： package com.plat.controller; import com.baidu.ueditor.ActionEnter; import com.platform.oss.OSSFactory; import org.json.JSONObject; import org.slf4j.Logger; import org.slf4j

百度web编辑器ueditor配置日记 - 添加按钮 - 全屏 - 按钮管理 - 适配手机屏幕显示 - 背景色

阅读更多关于百度web编辑器ueditor配置日记 - 添加按钮 - 全屏 - 按钮管理 - 适配手机屏幕显示 - 背景色

# 让整个页面适配手机屏幕，包括编辑器 ./index.html中的head中添加一句： <meta name="viewport" content="width=device-width, initial-scale=1.0" /> # 获取当前编辑器里面的内容（html格式） <button οnclick="save();">保存</button> <script> function save () { var content = ue.getContent(); /* JS code */ $.ajax({ .... }); } </script> # 初始化时就全屏 ./ueditor.config.js找到并启用： //,fullscreen : false //是否开启初始化时即全屏，默认关闭修改为 ,fullscreen : true //是否开启初始化时即全屏，默认关闭 # 图标太多？管理图标方法1: 直接修改初始配置文件：./ueditor.config.js中的 //工具栏上的所有的功能按钮和下拉框，可以在new编辑器的实例时选择自己需要的重新定义 , toolbars: [[ 'fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline',

百度ueditor 实例化 Cannot set property 'innerHTML' of null 完美解决方案

阅读更多关于百度ueditor 实例化 Cannot set property 'innerHTML' of null 完美解决方案

此时此刻,我正在用博客园推荐的TinyMCE编辑器写这个博客,突然想起最近在项目中使用百度ueditor 编辑器中的一些经历.所以记录在此,与大家分享. 不得不说,百度ueditor是一款很好的在线编辑器,为开发者提供了诸多便利,你甚至可以用它来把word文档的内容按照一定的格式转换成html代码,然后再放进自己的项目中. 1.我们的项目中,用户在注册时有可能需要查看用户协议和隐私协议,而我们的文案是将这两个协议的内容放在word文档中,作为苦逼的开发人员,你需要把这些文字展示在html页面上,并且保持一定的样式,例如首行缩进,行距等等; 这里有两个解决方案: 第一种------word文档可以直接转换成html.不错,是有这个功能,但是经过本人亲测,2010版本的并不好用,但是word2003还不错. 第二种------我当时采用的方法就是利用word与notepad++协作调好文档的格式,再将调好格式的文档内容拷贝到ueditor编辑器.生成html代码,然后C V大法,扔进需要展示的html页面,在浏览器预览进行微调就可以了.至于怎么生成html代码,你可以看到博客园TinyMCE编辑器的工具栏处,有一个写有html的按钮.ueditor也如此,点击即可生成html代码, 这两种方法,请大家自行去比较哪种方便,哪种适合你..... 2.该说说今天这篇博客的主题了

jquery富文本在线编辑器UEditor

阅读更多关于 jquery富文本在线编辑器UEditor

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器，具有轻量，可定制，注重用户体验等特点，开源基于MIT协议，允许自由使用和修改代码。 UEditor的功能非常强大，官方已配备了php,asp,asp.net,java等语言的上传程序，拿来就可以使用，当然ueditor更具有功能插件接口，很轻松地添加自己定义功能到编辑器中，方便项目的不同需求。使用方法因为本插件是百度「FEX前端研发团队」开发，在官方有较强细的中文文档，本站做的目的只是让朋友们知道有这么个好插件而已，因此文档手册、下载、实例全链接到官方。下载你需的要的语言版本，然后解压，在解压目录建立一个名为demo的html文件，代码如下 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ueditor demo</title> 6 </head> 7 <body> 8  9 <script id="container" name="content" type="text/plain"> 10 这里写你的初始化内容 11 </script> 12  13 <script type="text/javascript" src=

百度编辑器UEditor的使用方法

阅读更多关于百度编辑器UEditor的使用方法

百度编辑器具有丰富文本编辑功能，且开源免费，其使用方法如下： 1.在官网上下载对应的Uditor压缩包：http://ueditor.baidu.com/website/download.html 2.在项目根目录下创建ueditor文件夹，并将下载的UEditor解压后的文件放在ueditor文件下下 3.在ueditor文件夹下找到ueditor.config.js文件，并修改编辑器实例的路径 4. 在Web.Config配置文件的System.web节点下加上：<httpRuntime targetFramework="4.5" requestValidationMode="2.0"/>，该设置可使客户端的校验无效 5.新建一个页面，页面内容如下： <body> 　　<form id="form1" runat="server"> 　　　　<textarea id="myEditor" name="myEditor" runat="server" onblur="setUeditor()"></textarea> 　　　　<script type="text/javascript"> 　　　　　　var editor = new baidu.editor.ui.Editor(); 　　　　　　editor.render("myEditor"); 　　　　</script>

ueditor 编辑器常用方法

阅读更多关于 ueditor 编辑器常用方法

官方文档http://fex.baidu.com/ueditor/ 简单实现工具栏调用： //实现方法 ue.getDialog("工具名称"); //工具名称可以参考如下： toolbars: [ [ 'anchor', //锚点 'undo', //撤销 'redo', //重做 'bold', //加粗 'indent', //首行缩进 'snapscreen', //截图 'italic', //斜体 'underline', //下划线 'strikethrough', //删除线 'subscript', //下标 'fontborder', //字符边框 'superscript', //上标 'formatmatch', //格式刷 'source', //源代码 'blockquote', //引用 'pasteplain', //纯文本粘贴模式 'selectall', //全选 'print', //打印 'preview', //预览 'horizontal', //分隔线 'removeformat', //清除格式 'time', //时间 'date', //日期 'unlink', //取消链接 'insertrow', //前插入行 'insertcol', //前插入列 'mergeright', //右合并单元格 'mergedown', /

使用百度的富文本编辑器UEditor遇到的问题总结

阅读更多关于使用百度的富文本编辑器UEditor遇到的问题总结

1、下载地址：http://ueditor.baidu.com/website/download.html（我下载的是.net版本）下载后要先看一下ueditor.config.js和 net/config.json的文件，里面是关于图片上传和其他方法的一些路径配置 2、显示编辑页面（一定要看使用文档：http://fex.baidu.com/ueditor/#server-deploy）引入所需的js文件初始化编辑器 html代码： 1 <div class="form-group has-warning"> 2 <textarea class="A4page" id="myEditor" name="NewsContent"></textarea> 3 </div> jquery代码： 1 var ue = UE.getEditor('myEditor', { 2 toolbars: [ 3 ['fullscreen', 'source', '|', 'undo', 'redo', '|', 4 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset',

订阅 ueditor编辑器