ueditor 1.2.6 使用方法说明-6ren

ueditor 1.2.6 使用方法说明

转载作者：qq735679552 更新时间：2022-09-29 22:32:09

25

4

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章ueditor 1.2.6 使用方法说明由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

本文以php版本为例：文件下载：http://ueditor.baidu.com/website/download.html 还可以自己先定义内容，然后下载，这样可以帮助我们精简不少东西。以本地php环境为例，现在www目录下建立一个app目录作为测试目录，然后将下载的ueditor文件夹解压到app文件夹下.

ueditor 1.2.6 使用方法说明

然后，在app文件夹下建立一个index.php文件。然后输入以下代码:

复制代码代码如下:

 
 <!DOCTYPE html> 
 
 <html> 
 
 <head> 
 
 <title>编辑器完整版实例</title> 
 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
  <script type="text/javascript" src="./ueditor/ueditor.config.js"></script> 
 
  <script type="text/javascript" src="./ueditor/ueditor.all.js"></script> 
 
  <link rel="stylesheet" href="./ueditor/themes/default/css/ueditor.css"/> 
 
 </head> 
 
 <body> 
 
     <h2>UEditor提交示例</h2> 
 
     <form id="form" method="post" target="_blank"> 
 
         <script type="text/plain" id="myEditor" name="myEditor"> 
 
             <p>欢迎使用UEditor！</p> 
 
         </script> 
 
         <input type="submit" value="通过input的submit提交"> 
 
     </form> 
 
    <p> 
 
        从1.2.6开始，会自动同步数据无需再手动调用sync方法 
 
        <button onclick="document.getElementById('form').submit()">通过js调用submit提交</button> 
 
    </p> 
 
     <script type="text/javascript"> 
 
         var editor_a = UE.getEditor('myEditor',{initialFrameHeight:500}); 
 
         //--自动切换提交地址---- 
 
         var doc=document, 
 
             version=editor_a.options.imageUrl||"php", 
 
             form=doc.getElementById("form"); 
 
             form.action="./getContent.php"; 
 
     </script> 
 
 </body> 
 
 </html>

然后再浏览器输入localhost/app/ 就可以查看编辑器了；然后会发现图片上传功能无法使用，需要打开ueditor.config.js 然后找到这一行代码:

复制代码代码如下:

var URL = window.UEDITOR_HOME_URL || (function(){

然后再这一行代码的上面加上这行代码:

复制代码代码如下:

window.UEDITOR_HOME_URL||"/app/ueditor/";

ueditor 1.2.6 使用方法说明

然后，刷新一下页面，图片上传功能就可以使用了。 ueditor的官方说明文档地址：http://ueditor.baidu.com/website/document.html 官方说明文档中的文件名有错误（应该是版本升级之后没有修改过来），请大家注意.

最后此篇关于ueditor 1.2.6 使用方法说明的文章就讲到这里了,如果你想了解更多关于ueditor 1.2.6 使用方法说明的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！。

25

4

0

文章推荐： Ajax+PHP快速上手及简单应用说明

文章推荐： table标签的结构与合并单元格的实现方法

文章推荐： PHP与javascript实现变量交互的示例代码

文章推荐： php curl基本操作详解

Jquery 说明 >*
我正在查看预先重写的 jQuery 代码。我无法理解以下代码。 $('body > *:not(#print-modal):not(script)').clone(); 最佳答案此选择器匹配以下任何
MySQL 说明
所以我开始学习MySQL，我对表有点困惑，所以我想澄清一下。数据库中可以有多个表吗？例如: Database1 -Table1 -Username -Password -Table2 -Name
PostgreSQL 说明
我在 PostgreSQL 中编写了一个函数，其代码如下: for (i = 0; i str[0][i]); values[i] = datumCopy(dat_value,
PostgreSQL中的OID和XID 说明
oid：行的对象标识符（对象 ID）。这个字段只有在创建表的时候使用了 WITH OIDS ，或者是设置了default_with_oids 配置参数时出现。这个字段的类型是 oid （和字段同
android - 附近连接最大连接设备 - 说明
我在搜索最大连接设备数时发现了 a post大致说: 当使用 P2P_STAR 时，最大设备数量为 10，因为此 topoly 使用 Wi-Fi 热点。也就是说，如果您没有路由器。这让我问了两个问题
ocaml sprintf 说明
我不明白为什么会这样: Printf.sprintf "%08s" "s" = Printf.sprintf "%8s" "s" - : bool = true 换句话说，我希望: Printf.sp
Grails addTo* 说明
我正在遵循 Grails in Action 中的示例。我有一个问题，如何理解 addTo*()功能有效。我有一个简单的域:具有以下关系的用户、帖子、标签: 用户1对M发帖用户一对一标签发布 M
C# OOPS 说明
请问为什么行 "b[0]= new Child2();"在运行时而不是在编译时失败。请不要检查语法，我只是在这里做了 class Base {} class Child1 : Base {} clas
sockets - 创建RAW套接字教程/说明？
所以我想进一步加深我对套接字的理解，但是我想首先从最低级别开始(在C语言中，而不是在汇编中大声笑) 但是，我处理的大多数站点都使用SOCK_STREAM或SOCK_DGRAM。但是我已经阅读了Beej
处理空值的 JavaScript 说明
好吧，我对 javascript 语法了解甚少，而且我对 null 的行为感到非常困惑。关于空值有很多讨论，但我似乎无法找出问题所在!请帮我。这是脚本。 var jsonData = '';
javascript - 说明【随机列表】
关闭。此题需要details or clarity 。目前不接受答案。想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题. 已关闭5 年前。 Improve thi
java - 幂和阶乘级数和说明
问题: SeriesSum 类旨在计算以下系列的总和: 类名:SeriesSum 数据成员/实例变量: x:存储整数 n:存储术语数量 sum:用于存储系列总和的双变量成员函数: SeriesSum
java - 作业概览说明
关闭。这个问题需要多问focused 。目前不接受答案。想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post . 已关闭 9 年前。 Improve this ques
java - endAllStagingAnimators 说明
今天我在 logcat 中注意到以下内容: D/OpenGLRenderer:0xa2c70600 (CardView) 上的 endAllStagingAnimators，句柄为 0xa2c9d35
java - 说明数组列表
如何创建值有序对的列表，例如list1 [(x, y), (x1, y1) ...].?? 学习如何创建此列表后，我需要知道如何将 x 值提供给列表中的用户输入并搜索 x 的下一个值并显示有序对 (x
SQL - 说明 - ISNULL()
我在存储过程中有以下逻辑。这里完成了什么？如果color为null，替换为'' IF ISNULL(@color, '') <> '' BEGIN END 最佳答案它等同于: IF (@colo
.net接口(interface)说明
我知道.Net中的接口(interface)定义了接口(interface)和继承它的类之间的契约。刚刚完成了一个大量使用数据访问层接口(interface)的项目，这让我开始思考。 . .有什么大不
c# - OOP 说明
如何防止基类方法被子类覆盖最佳答案您不需要做任何特别的事情:默认情况下方法是不可覆盖的。相反，如果您希望该方法可重写，则必须将 virtual 关键字添加到其声明中。但是请注意，即使方法不可重写
java - 工厂模式设计——说明
我已阅读以下有关工厂模式的文章 here 请仅引用Class Registration - avoiding reflection这一部分。这个版本在没有反射的情况下实现了工厂和具体产品之间的减少耦
java - For-Each 循环替代方案 - 说明
我正在学习 Java 类(class)，但无法完全理解下一课的内容。目的:本课的目的是通过创建一个模拟 for-each 循环如何工作的替代方案来解释 for-each 循环的工作方式。在上一课中

首页

博学

6Ren·AI

商城

ueditor 1.2.6 使用方法说明