史上最好用的编辑器Ueditor Thinkphp

 1 <html>
 2 <title>Ueditor文本编辑器</title>
 3 <head>
 4     <title>完整demo</title>
 5     <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
 6
 7     <load href="__PUBLIC__/Ueditor/ueditor.config.js" />
 8     <load href="__PUBLIC__/Ueditor/ueditor.all.min.js" />
 9
10     <!--使用版-->
11     <!--<script type="text/javascript" charset="utf-8" src="../ueditor.all.js"></script>-->
12
13     <!--开发版-->
14     <!--<script type="text/javascript" charset="utf-8" src="editor_api.js"> </script>-->
15
16     <!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
17     <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
18     <load href="__PUBLIC__/Ueditor/lang/zh-cn/zh-cn.js" />
19
20     <style type="text/css">
21         .clear {
22             clear: both;
23         }
24     </style>
25 </head>
26 <body>
27 <div>
28 <form name=‘MyForm‘ id=‘MyForm‘ method=‘POST‘ action="{:U(‘Editor/editor‘)}" >
29     <script id="editor" name="editor" type="text/plain" style="align:center;width:900px;height:300">
30
31     </script>
32     <input type="submit" value="提交"/>
33 </form>
34 </div>
35 </body>
36 <script type="text/javascript">
37     //UEDITOR_HOME_URL、config、all这三个顺序不能改变(绝对路径)
38     //window.UEDITOR_HOME_URL = "/ThinkPHP/Public/Ueditor/";
39     //实例化编辑器
40     var ue = UE.getEditor(‘editor‘);
41 </script>

Ueditor下载:http://ueditor.baidu.com/website/download.html#ueditor

时间: 2024-10-14 10:19:19

史上最好用的编辑器Ueditor Thinkphp的相关文章

Sublime Text 3 史上最性感的编辑器

↑ ↑ ↑ ↑ ↑ 请看文件夹 ↑ ↑ ↑ ↑ ↑ 下载 / 安装 windows / MAC OS 官网下载,双击安装,这个都会吧- linux linux下安装,一种办法是从官网下载 tar.bz ,手动安装. 这里介绍用 apt-get 自己主动安装方法: sudo add-apt-repository ppa:webupd8team/sublime-text-2 sudo apt-get update sudo apt-get install sublime-text-dev 命令结束后

百度编辑器ueditor给上传的图片添加水印

百度编辑器本身是没有为上传图片添加水印的功能,想要在上传的时候添加图片水印,也很简单.以 ueditor 1.2.6 为例,打开php目录下面的imageUp.php文件,查找"$info = $up->getFileInfo();",在这句代码的下面加入以下代码: /* 添加水印 start */ $water_img = "watermark.png"; //水印文件(替这里换成你要的水印) $img_min_w = 350; //添加水印需要图片最小达到

FLASH图片上传功能—从百度编辑器UEditor里面提取出来

为了记录工作中碰到的各种问题,以及学习资料整理,今天开始,将以往的文章进行了一个整理,以后也开始认真的记录学习过程中的各种问题 在HTML里面的文件上传功能一直是个问题,为了实现上传文件大小限制,怎样显示进度条问题,以及上传前图片预览,也试过各种办法,直到有一天看到百度编辑器中的图片上传功能.花了点功夫把他单独提取出来. 最终效果图如下: 这个功能可以提供多个图片文件选择,预览,然后对上传的图片在上传队列中删除,以及旋转和,上传中进度条显示,以及上传相册的选择. 源代码下载路径为: http:/

【插件】史上最强编辑器通用ctags插件OpenCTags使用指南v1.2--开发者必备

Changes Log: v1.2.0 2011-12-4 支持Java编写的可以设置用户配置的编辑工具 增加当前文件类查找Tags功能 增加设置当前目录参数 完善多种主流轻量级编辑器的配置 v1.1.0 2011-11-26 完善提示窗口的显示样式 编辑器配置使用Json格式配置文件,方便定制到自己喜欢的编辑器,主流编辑器一网打尽 v1.0.4 2011-11-21 支持提示窗口拖动,按住鼠标右键,即可拖拖拖[上一版本为鼠标左键] 增加回车键功能,按下可以会自动打开对应的文件并定位到对应的位置

从web编辑器 UEditor 中单独提取图片上传,包含多图片单图片上传以及在线涂鸦功能

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文本web编辑器,而且全中文API和注释,方便学习和使用.特别是图片上传查看及涂鸦功能极为喜欢,但是有很多情况我们并不需要Web编辑器,而只需要图片上传.那么问题来了,提取图片上传哪家强..... 网上有很多图片上传的控件.插件.但都不是那么的完美,有的只有一张图片上传不包含批量上传,有的没有图片查看

百度开源富文本编辑器 UEditor配置:图片上传和文件上传独立使用方法

使用UEditor编辑器自带的插件实现图片上传和文件上传功能,这里通过配置UEditor单独使用其内置的第三方插件swfupload来实现图片和文件的上传,通过对UEditor配置轻松实现图片批量上传,文件披批量上传 第一步:先配置UEditor <script src="ueditor/ueditor.config.js"></script> <script src="ueditor/ueditor.all.min.js">&l

dedecmsV5.7 百度编辑器ueditor 多图上传 在线管理 排序问题

问题:dedecms后台百度编辑器ueditor的多图上传-在线管理的图片排序有问题,想把这个顺序调成按照文件修改时间倒序来展示 解决方法: 1.打开/include/ueditor/php/aciton_list.php 在最后添加下面这个方法 function array_sort($array,$row,$type){ $array_temp = array(); $arr=array(); foreach($array as $v){ $array_temp[$v[$row]] = $v

百度富文本编辑器ueditor使用总结

最近做的项目用到了ueditor这个东东,但是他的一些配置文档对初次使用者来说很难以理解,故作此总结 1.ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://ueditor.baidu.com/website/document.html 下载地址:http://ueditor.baidu.com/website/download.html (这里可选开发版,或MINI版) 2. 从官网上下载完整源码包,解压

史上最详细的Android Studio系列教程一--下载和安装

链接地址:http://segmentfault.com/a/1190000002401964#articleHeader4 原文链接:http://stormzhang.com/devtools/2014/11/25/android-studio-tutorial1/ 背景 相信大家对Android Studio已经不陌生了,Android Studio是Google于2013 I/O大会针对Android开发推出的新的开发工具,目前很多开源项目都已经在采用,Google的更新速度也很快,明显