如何使用百度编辑器插件

首先在页面引入

<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.config.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/ueditor.all.min.js"> </script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/lang/zh-cn/zh-cn.js"></script>
<script type="text/javascript" charset="utf-8" src="__PUBLIC__/ueditor/btn_config.js"></script>

在table里添加一个textarea带id和name

 <ul class="forminfo" style="display:none;"><li><label>商品描述</label><textarea style="width:400px;height:200px;" id="goods_desc" name="goods_desc" rows="6" cols="60" class="dfinput" /></textarea><i>*请填写商品描述</i></li></ul>

然后写一段js
<script>   UE.getEditor(‘goods_desc‘,{      ‘initialFrameWidth‘:"1000",      ‘initialFrameHeight‘:"500",   });

</script>

修改编辑器图片上传默认路径

时间: 2024-10-31 19:43:55

如何使用百度编辑器插件的相关文章

ECMall插件—ECMall百度编辑器

功能介绍:ECMall百度编辑器与ECMall原始编辑器相比功能更加强大,添加商品时选择更多元化.图片展示:ECMall原始编辑器 ECMall百度编辑器 卓流应用网(www.360cd.cn)是一家专注于ECMall插件.ECMall二次开发.ECMall授权.ecshop模板.仿站.定制以及电商整体解决方案业务,更多详情请咨询客服qq:1356231055或加入技术交流群:47101787

百度编辑器UEditor PHP版下载

Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点.Ueditor基于BSD开源协议,除了具有代码精简.加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和需求自由定制. Ueditor编辑器划分为了三层架构.其中,核心层为开发者提供了诸如range.selection.domUtils类的底层API接口,中间的命令插件层不仅提供了大量的基础command,还允许开发者基于核心层进行command命令的开发,而面向用户端的界面层则可

【ci框架基础】之部署百度编辑器

在ci框架下加载编辑器,现在复习下内容.我的框架文件名称为ci 1.下载百度编辑器ueditor,http://ueditor.baidu.com/ 一般情况下下载ubuilder版即可,并将ueditor复制到ci框架的根目录下. 下载好的编辑器目录为:-ueditor----dialogs     弹出对话框对应的资源和JS文件----lang        编辑器国际化显示的文件----php         涉及到服务器端操作的后台文件----themes      样式图片和样式文件-

一步步开发自己的博客 .NET版(4、文章发布功能)百度编辑器

前言 这次开发的博客主要功能或特点:    第一:可以兼容各终端,特别是手机端.    第二:到时会用到大量html5,炫啊.    第三:导入博客园的精华文章,并做分类.(不要封我)    第四:做个插件,任何网站上的技术文章都可以转发收藏 到本博客. 所以打算写个系类:<一步步搭建自己的博客> 一.一步步开发自己的博客  .NET版(1.页面布局.blog迁移.数据加载) 二.一步步开发自己的博客  .NET版(2.评论功能) 三.一步步开发自己的博客  .NET版(3.注册登录功能) 四

[百度编辑器]Ueditor在线管理图片

前言: 今天最近公司在做CMS用到了编辑器,Ueditor是一个很好的选择,非常强大,但是今天遇到了一个很棘手的问题:在线管理图片的页面不能显示我之前上传的图片,调试了一下午终于解决了这个问题,写这篇帖子希望能帮助到其他人.废话结束 想要使用这个插件你需要做这几步: 1.下载UM 或者 UE 地址:http://ueditor.baidu.com/website/index.html 这里UM UM 就是百度编辑器的两个版本,一个功能少,一个功能更多,具体介绍看官方解释吧. 2.创建一个Web工

百度编辑器 Ueditor 如何增加模板 ?

简介: Ueditor 是百度出的开源富文本编辑器,非常符合国人习惯!模板功能很好用,但不能直接自定义, 下面就告诉大家如何增加模板. 查找模板在源代码中的位置: 已经知道其它模板的关键字,比如有:键入文档标题 grep '键入文档标题' -r  dir/ueditor/ 结果: [[email protected] ueditor]#  grep '键入文档标题' -r * dialogs/template/config.js:        "html":'<h1 class

百度编辑器的Python后台

公司最近要做一个内容管理系统,需要在后台集成一个百度编辑器,考察了一下,都推荐百度编辑器. 百度编辑器在HTML中的嵌入很容易,把给出的样例复制到自己的HTML中即可,我不是前端,但是根据我的测试,应该是要引入JQuery的. 嵌入之后,百度编辑器基本就可以使用了,常见的文本格式都可以保存到数据库中,需要的时候直接取出,格式依然还在,看来我的大业已经完成大半了. 这里需要注意的是,如果展示到前台的文档被转义了,比如<p>显示成了<p>之类的,那么就需要查怎么关闭teplate转义,

django中嵌入百度editor插件

一.安装和配置步骤: 1.先下载百度ueditor插件,并安装pip install DjangoUeditor 2.把下载好的ueditor插件放到自己的项目中 3.配置setting INSTALLED_APPS = ( 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'djan

Java往事之《百度UEditor插件配置图片上传问题》

百度UEditor插件配置图片上传问题 前言:之前第一次用到UEditor插件的时候,一脸懵逼!没错就是一脸懵逼,去UEditor插件官网下载了一个开发版的.然后对于新鲜技术好奇,本人就迫不及待的把它copy到了我的项目里,运行之后发现鼠标点到输入框里面的时候,什么鬼啊,握了棵草!上传图片的插件置灰了如下图1,一看还有一个多图片上传的插件还在,就赶紧点了一下,点开的那一瞬间我吃了一鲸,如下图2! 图1 图2 很好!下面看一下如何解决这个问题. 1.首先你可以到官网Ueditor,查看很详细的文档