html的body中:

<script id="editor" type="text/plain" ></script>

js中:

//实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('editor',{
                //initialFrameWidth :980,//设置编辑器宽度
                initialFrameHeight:500,//设置编辑器高度
                scaleEnabled:true
            });

后台取出原本文章内容放入编辑器（ajax回调函数中）：

var content = data.body;
            //判断ueditor 编辑器是否创建成功
            ue.addListener("ready", function () {
                // editor准备好之后才可以使用
                ue.setContent(content);
            });

例子：

html代码:

<!doctype html>

<html>

 <head>

      <meta charset="UTF-8">

      <title>oneUser</title>

      <link href="/css/blog_style.css" rel="stylesheet" type="text/css" />

      <script type="text/javascript" src="/js/jquery.min.js"></script>

      <script type="text/javascript" src="/js/datepattern.js"></script>

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

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

    <script type="text/javascript" src="/ueditor/lang/zh-cn/zh-cn.js"></script>

    <script type="text/javascript" src="/js/commons_head_foot.js"></script>

    <script type="text/javascript" src="/js/modifyBlog.js"></script>

 </head>

 <body>

     <div>

        <div id="commons_head"></div>

        <div class="navigation">

            <span>标题:</span>

            <input id="essay_title" type="text" style="font-size:18px;font-weight:bold;"/>

            <br>

            <br>

            评论:<span id="evaluateCount"></span>

            点赞:<span id="admireCount"></span><br>

            <span id="createTime"></span>

        </div>

        <div class="center_body" style="margin-top:5px;">

            <script id="editor" type="text/plain" ></script>

            <input type="button" id="modifyContent" value="提交修改" style="float:right;"/>

        </div>

        <div id="commons_foot"></div>

    </div>

 </body>

</html>

js代码:

$(function(){

    //实例化编辑器

    //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例

    var ue = UE.getEditor('editor',{

                //initialFrameWidth :980,//设置编辑器宽度

                initialFrameHeight:500,//设置编辑器高度

                scaleEnabled:true

            });

    var ur = window.location.search;

    var essayId = ur.substring(9,ur.length);

    $.ajax({

        url:"/frame/myEssayDetails/"+essayId,

        type:"get",

        contentType:"application/json;charset=utf-8",

        dataType:"json",

        success:function(data){

            $("#essay_title").val(data.title);

            var essayId = data.id;

            $("#createTime").html(new Date(data.createTime).pattern("yyyy-MM-dd hh:mm:ss"));

            $("#evaluateCount").html(data.evaluateCount);

            $("#admireCount").html(data.admireCount);

            var content = data.body;

            //判断ueditor 编辑器是否创建成功

            ue.addListener("ready", function () {

                // editor准备好之后才可以使用

                ue.setContent(content);

            });

        },

        error:function(){

            alert("error");

        }

    });

    $("#modifyContent").click(function(){

        var allHtml = UE.getEditor('editor').getContent();

        var title = $("#essay_title").val().trim();

        $.ajax({

            url:"/frame/essay",

            type:"post",

            contentType:"application/json;charset=utf-8",

            data:JSON.stringify({

                "id":essayId,

                "title":title,

                "body":allHtml

            }),

            dataType:"json",

            success:function(data){

                if (data.success==true) {

                    var url = "/index.html";

                    window.location.href=url;

                } else {

                    alert(data.message);

                }

            },

            error:function(){

                alert("出错了");

            }

        });

    });

});

ueditor1_4_3_3编辑器修改文章的更多相关文章

  1. 解决外部编辑器修改Eclipse文件延迟刷新【补充】

    在之前的文章,使用gulp解决外部编辑器修改Eclipse文件延迟刷新,原理是用gulp把更改过的项目文件直接复制一份到Tomcat的webapp.root下, 现在补充另外一种方法,双击Server ...

  2. BBS后台发送邮件&修改文章

    一:Django发送邮件 在setting中配置 # EMAIL_BACKEND = 'django.core.mail.backends.smtp.EmailBackend' EMAIL_HOST ...

  3. Laravel大型项目系列教程（四）显示文章列表和用户修改文章

    小编心语:不知不觉已经第四部分了,非常感谢很多人给小编提的意见,改了很多bug,希望以后能继续帮小编找找茬~小编也不希望误导大家~这一节,主要讲的 是如何显示文章列表和让用户修改文章,小编预告一下(一 ...

  4. 使用gulp解决外部编辑器修改Eclipse文件延迟更新的问题

    本人前端用惯了Hbuilder,修改了eclipse项目中的文件后,由于是外部编辑器修改过的,eclipse不会自动部署更新,一般按F5刷新项目,或者在 preferences > genera ...

  5. dedeCMS修改文章更新发布时间问题

    今天在dedeCMS系统中,修改或文章时发现,只要提交以后,文章发布时间便是当前时间.但有时候修改文章以后并不想把文章发布时间也更新成修改时间.我希望的是,修改文章不对时间做更改保持文章原有发布时间, ...

  6. WordPress批量修改文章内容、URL链接、文章摘要

    通过SQL语句来批量修改wordpress博客内容,文章中所有语句都使用默认的wp_表前缀,如果您的数据表前缀不是wp_则需要在语句中作相应更改. 方法/步骤   批量修改文章内容 如果您想替换之前写 ...

  7. Django学习（八）---修改文章和添加文章

    博客页面的修改文章和添加新文章 从主页点击不同文章的超链接进入文章页面,就是传递了一个id作为参数,然后后台代码根据这个参数从数据库中取出来对应的文章,并把它传递到前端页面 修改文章和添加新文章,是要 ...

  8. dedecms批量修改文章为待审核稿件怎么操作

    dedecms批量修改文章为待审核稿件要怎么操作呢?因为我们有时会出于某些原因要把文章暂时先隐藏掉,dedecms有一个比较好的功能是将文件状态设为未审核前台就可以看不到了,那要怎么批量设置呢?到后台 ...

  9. Vi编辑器修改文件.bash_profile可解决backspace出现乱码问题,rlwrap 的安装。

    Vi编辑器修改文件.bash_profile可解决backspace出现乱码问题 使用SecureCRT或是pietty_ch连接到一台安装有Oracle DB 10g的RHEL4.2的机器,linu ...

随机推荐

  1. 【C语言】调整数组使奇数所有都位于偶数前面（改动）

    //调整数组使奇数全部都位于偶数前面. //输入一个整数数组.实现一个函数,来调整该数组中数字的顺序使得数组中全部的奇数位于数组的前半部分,全部偶数位于数组的后半部分 #include <std ...

  2. NGUI ScrollView出屏幕再回来坐标混乱解决

    主要是子节点没更新.乍一看调用UIPanel的Refresh()会管用,其实不然. 解决方法调用UIPanel的Invalidate让他所有子节点更新. panel.Invalidate(true);

  3. 批处理学习笔记2 - 编写批处理的for循环

    批处理中的for循环集成的功能比较多,可以直接对文件操作. ====================================================================== ...

  4. [leetcode] Longest Palindromic Substring 多种解法

    非常经典的题目,求字符串中的最长回文子串. (1)最朴素的解法 ---暴力 复杂度O(N³) 这也是最easy想到的方法.最外层循环枚举起点i,第二层循环从i+1開始向后枚举,第三层推断是不是回文串. ...

  5. cocos2d-x 父节点和子节点执行不同动作

    Test6::Test6() { CCSprite* sp1 = CCSprite::create(s_pPathSister1); CCSprite* sp11 = CCSprite::create ...

  6. ny42 一笔画问题

    一笔画问题 时间限制:3000 ms  |  内存限制:65535 KB 难度:4 描述 zyc从小就比较喜欢玩一些小游戏,其中就包括画一笔画,他想请你帮他写一个程序,判断一个图是否能够用一笔画下来. ...

  7. 获取Django中model字段名 字段的verbose_name

    obj._meta.fields 为关键 obj为model类 推荐使用函数 from django.apps import apps def getmodelfield(appname,modeln ...

  8. sql 判断

    sql server select expertId,mail= ( CASE mail WHEN '' THEN ' ' else mail end ) from Siemens.dbo.tblEx ...

  9. org.eclipse.jdt.internal.compiler包下的类找不到

    到maven库上下载jar包:org.eclipse.jdt.core-3.13.jar <!-- https://mvnrepository.com/artifact/org.eclipse. ...

  10. 一款纯css3实现的超炫动画背画特效

    之前为大家介绍了很多款由纯css3实现的特效.今天要再给大家带来一款纯css3实现的超炫动画背画特效.代码非常简单,没有引用任何其它js代码.css代码也不多.效果非常炫.一起看下效果图: 在线预览  ...