百度编辑器ueditor的初始化调用设置

用百度编辑器一段时间了,感觉非常不错。对比著名的ckeditor来说,我觉得百度编辑器更好用。百度编辑器界面清新,功能定制方便,排版也很好,并且能支持图片上传,附件上传,还可以高亮显示编程语言代码,总之感觉还是挺不错的。


而它的使用也很简单。

下载最新的[1.2.6.1 PHP 版本],解压到你站点合适的目录。

调用方法:

 代码如下 复制代码

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- 第一步:引入UDEITOR编辑器的js文件 -->

<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>

<script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"></script>

<head>

<body>

<!-- 第二步:初始化 UDEITOR编辑器,更多的参数可以看说明文档-->

<script type="text/javascript">

 UE.getEditor('myeditor',{initialFrameHeight:300,initialFrameWidth:560})

</script>

<!-- 第三步:用于显示UDEITOR编辑器,可以是<textarea>,也可以是<script>... -->

<textarea name="content" id="myeditor">默认值..</textarea>

</body>

</html>

很好用的一个编辑器,推荐给大家。

 

时间: 2024-11-13 06:39:13

百度编辑器ueditor的初始化调用设置的相关文章

ASP.NET中集成百度编辑器UEditor

  本文给大家讲解的是如何在ASP.NET中集成百度编辑器UEditor的方法和具体的步奏,十分的详细,有需要的小伙伴可以参考下. 0.ueditor简介 UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量.可定制.用户体验优秀等特点.开源基于BSD协议,所有源代码在协议允许范围内可自由修改和使用. UEditor官网:http://ueditor.baidu.com/website/index.html UEditor官方文档地址: http://fex.bai

Yii添加百度编辑器 ueditor 扩展例子

这是别人写的一个yii1的百度编辑器ueditor的扩展,站长我已经用在了自己的项目中,现在记录下用法和使用中出现的问题. 目录结构 baiduUeditor |--resource //ueditor资源包 |--views //widget的视图 |--config.php //后端配置文件 包括文件格式 大小 目录 路径 文件名等等 |--UeditorController.php //后端主控制器 可以修改继承类为自定义的基类 |--UeditorWidget.php //widget主

百度编辑器ueditor前台代码高亮无法自动换行解决方法

 这两天本站成功安装整合了百度编辑器ueditor,用着还挺不错,但是遇到了点小问题 问题描述:   在内容里面插入代码高亮显示,后台编辑器中是可以自动换行的,但是发表后,在前台查看,发现代码不能自动换行,直接超出了内容页的边界,极不美观,虽然复制是可以完整的.   解决办法:   找到高亮代码显示的css文件  /e/data/ecmseditor/ueditor/third-party/SyntaxHighlighter/shCoreDefault.css   具体的路径根据你的uedito

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

问题描述 百度编辑器Ueditor确实是相当不错的编辑器,但是它也有不足之处,比如模板,我如果要发布图片类型的内容时,如果能有多图片的模板,那么在做网站时就不需要再弄图片模板了,直接发布出来那有多好!哪位大侠弄过,说说呗!求求您了 解决方案 解决方案二:自己写个简单的模板功能好了,指定一下图片,直接将格式赋值给编辑器.解决方案三:这个比较简单首先你在编辑器里定义模板然后把所有的html存到数据库里比如idtitlecontent1XX新闻<div>..........</div>然

非常完整 PHPCMS v9整合百度编辑器UEditor步骤

所有写文章的乐趣会被一个蹩脚的ckeditor打消,PC论坛多次呼声官方替换默认的编辑器为UEditor,但是至今没下文,百度一大堆整合1.2几版的,基于程序员的用新版的强迫症,还是觉得自己搞一搞. 具体记录如下,并不定期更新. 在此之前的教程可能不适用最新版本的百度编辑器,他多次升级很多地方也改了,包括一些主要js文件名,所有看准了下手.  1.下载官方的最新版的,我这里使用的是UEditor 1.4.2 php版的,下载本地后解压,新建一个目录uediter (ps:一定得是这个名称吗,最好

百度编辑器UEditor ASP.NET示例Demo

在百度编辑器示例代码基础上进行了修改,封装成类库,只需简单配置即可使用. 完整demo下载

同一页面放多个百度编辑器 Ueditor 并用PHP获取 Ueditor 的值的实例

同一个网页如何放置多个Ueditor? 参考代码如下:     <form  method="post" action="save.php">     <script type="text/plain" id="ueditorId_1" name="ueditorName_1" style="width: 400px;height:500px;">编辑器的默认值_

免费开源百度编辑器(UEditor)使用方法_网页编辑器

UEditor效果图 一.简介 UEditor是一个开源免费的编辑器,由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于BSD协议,允许自由使用和修改代码. 官方网站:http://ueditor.baidu.com/ 二.下载地址 官方下载:http://ueditor.baidu.com/website/download.html 官网上下载完整源码包,解压到任意目录,解压后的源码目录结构如下所示:    _examples:编辑器完整版的

百度ueditor编辑器部署ASP网站错误:百度编辑器ueditor部署服务器,浏览网页用户无法上传文件。

问题描述 报错信息:(本地能上传文件)--百度ueditor编辑器部署ASP网站错误POSThttp://www.by96.com/admin/ueditor/asp/controller.asp?action=uploadfile&encode=utf-8500(InternalServerError)webuploader.min.js:2b.register.sendwebuploader.min.js:2d.execwebuploader.min.js:1execwebuploader.