引入百度编辑器

在编辑详细信息是可以引入高级的编辑器,例如:百度编辑器,

百度编辑器有很多功能,可以编辑文字的样式,也可以插入图片,编辑涂鸦等功能

首先要下载ueditor文件,也就是编辑器文件,在ueditor.baidu.com目录下下载

下载后将文件放在自己的服务器目录下,改名为ueditor

然后创建HTML文件,引入两个js文件,uditor.config.js和uditor.all.js

<script type="text/javascript" src=‘ueditor/ueditor.config.js‘></script>
<script type="text/javascript" src=‘ueditor/ueditor.all.js‘></script>

再写一个textarea标签,创建id

<textarea  id="myEdit" ></textarea>

再创建script标签,在这个标签中创建对象

<script type="text/javascript">
    var editor=new UE.ui.Editor();
    editor.render(‘myEdit‘);

</script>

最后在uditor.config.js文件中更改URL为这个编辑器的目录

 var URL = window.UEDITOR_HOME_URL || "./ueditor/";

所有的配置项都在ueditor.config.php中进行配置,例如配置宽和高

,initialFrameWidth:700  //初始化编辑器宽度,默认1000
,initialFrameHeight:400  //初始化编辑器高度,默认320

刷新这个HTML文件,就能在自己的页面看到百度编辑器了

配置项也可以作为对象的参数设置,例如:

var editor=new UE.ui.Editor({initialFrameWidth:700});

时间: 2024-12-27 14:53:42

引入百度编辑器的相关文章

小小&lt;p&gt;标签引发引入百度编辑器出错的&quot;血案&quot;

引入百度编辑器一直出错  ,如果把scrpt 换成 <div>  可以引入 但是内容没有在编辑器内部,准备用input 的隐藏域  然后用js 显示出来 但是JS  找了很久,不会,终于找到了,原来是一个<p>标签惹的祸 <p> 内容<script id="editor" type="text/plain" name="news_content" style="width:1024px;heig

thinkphp 最简单的引入百度编辑器的方法

后台肯定是框架了...编辑器放在框架里面... 后台首页比如是这样的... <html> <frameset cols="10%,90%"> <frame src="/a.html"> <frame src="admin/Tpl/Index/bianji.html"> </frameset> </html> bianji.html就是这样的... 然后就ok了... 思路和效

夺命雷公狗ThinkPHP项目之----企业网站3之后台栏目页的搭建(百度编辑器的引入)

我们现在就开始搭建我们的后台栏目页的后台了: 首先创建一个CategoryController.class.php的控制器,让列表页和添加页面显示出来先: 然后就是开始动手修改我们的视图部分了: 我们这样即可跳转到指定的页面了,先来完成列表页的部分: 老规矩现引入css和js和图片,然后开始下一步的操作了,因为我们的后台模版处发现他不能自动折叠,如下所示: 然后就开始写列表页的模版文件了: <!doctype html> <html> <head> <meta c

百度编辑器Ueditor的简单调用

先去ueditou.baidu.com网站下载百度编辑器,放到项目根目录下的Data目录中,然后引入文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.UEDITOR_HOME_URL='__ROOT__/Data/Uedit

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

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

百度编辑器的Python后台

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

调用百度编辑器

1:官网下载百度编辑器包 2:引入样式 <script src="__PUBLIC__/ueditor/ueditor.config.js"></script> <script src="__PUBLIC__/ueditor/ueditor.all.min.js"></script> 3:设置配置文件 <textarea name="Info[goods_desc]" id="goo

百度编辑器序号和项目符号不能显示解决

在做论坛.个人网站.办公OA,对于富文本编辑器的使用,业界使用最多.最好的应该是百度编辑器.在使用百度编辑器做富文本编辑,碰到序号.项目符号,在个性化页面展示不能显示的问题.简单分析下,将百度编辑器,编辑后的HTML存储,再用于个性化页面显示,对于指定序号和项目符号显示没有相关的样式.那解决起来就比较简单了,把相关的样式在个性化页面单独添加引用就可以了. 一.查看是什么样式: 二.个性化页面添加list-style-type样式 通过w3school 找到, list-style-type介绍,

jsp 百度编辑器配置 整合springmvc注意细节

百度配置器中默认处理的action可以处理各种请求不需要自己在单独写,尽量不要破坏百度编辑器中自带的jsp demo  我们可以直接使用 参数配置 前后端的配置统一写在后端(PHP版本的config在php/config.json),编辑器实例化时,异步读取后端配置信息,覆盖到前端的配置里. 后端获取的配置项 > 实例化传入的配置项 > ueditor.config.js文件的配置项. 我们需要配置的部分是 1.ueditor.config.js 中入口的位置 // 服务器统一请求接口路径,如