码迷,mamicode.com
首页 > 其他好文 > 详细

ueditor简单使用1

时间:2015-05-18 21:19:39      阅读:115      评论:0      收藏:0      [点我收藏+]

标签:

1.编辑吧

<!--方式1-->
<script type="text/javascript">
    //实例化编辑器
    //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor(‘editor‘)就能拿到相关的实例
    var ue = UE.getEditor(‘editor‘, { // //注意ID:“editor”,下面的表单需要用
        initialFrameWidth : ‘auto‘,  //设置宽度
        initialFrameHeight: 320,     //设置高度
        serverUrl: "/upload/"
    });
</script>
<!--方式2-->
<script type="text/javascript" charset="utf-8">
    window.UEDITOR_CONFIG.catcherPath=‘‘;
    window.UEDITOR_CONFIG.initialFrameWidth = ‘auto‘;   //初始化编辑器宽度,默认1000
    window.UEDITOR_CONFIG.initialFrameHeight=  320;     //初始化编辑器高度,默认320
    var editor = new UE.ui.Editor();
    editor.render("editor");                           //注意括号里“editor”,下面的2表单ID需要用
</script>

2.from

<html>
<head>
<script type="text/javascript" charset="utf-8" src="{{ static_url(‘uedit2/ueditor.config.js‘) }}"></script>
<script type="text/javascript" charset="utf-8" src="{{ static_url(‘uedit2/ueditor.all.min.js‘) }}"> </script>
<!--建议手动加在语言,避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型,比如你在配置项目里配置的是英文,这里加载的中文,那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="{{ static_url(‘uedit2/lang/zh-cn/zh-cn.js‘) }}"></script>
</head>
<form method="post">
     <textarea   name="comment" id="editor" >  //注意ID和上面的一样
      你好,欢迎光临,,,,
      </textarea>
    <button type="submit" class="btn btn-default" >发布</button>
     <button type="submit" class="btn btn-default" >保存</button>
</form>
</html>


ueditor简单使用1

标签:

原文地址:http://my.oschina.net/jk409/blog/416393

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!