欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程

目录导航

UEditor 修改回车使用br标签

亚洲服务器 发布于 2013-05-04  
javascript教程

UEditor 基本知识
1.依赖:不依赖任何第三方库,可单独使用
2.使用:
(1)文件管理:为简化管理开发,建议将UEditor单独放在一个文件夹内,不建议重新组织文件结构(可删除example、src等文件夹)
(2)引入及初始化:需要引入css、js文件
①引入[以下是经验频道的引入源码]
<link href="/RichTextEditor/themes/default/ueditor.css"rel="stylesheet"type="text/css"/> 
<script type="text/javascript" src="/RichTextEditor/editor_config.js?ver=$revxxx"> </script>
<script type="text/javascript" src="/RichTextEditor/editor_all.js?ver=$revxxx"></script>
至于其他所需的图片,flash等资源文件,程序会自动处理,所以不建议更改源文件的组织结构
②初始化
<script type="text/plain"id="editor"style="width:504px"name="content">
//还可以用textarea作为初始容器    ${exp.content}  
</script>
说明:将初始值放在script标签内,记住,要设置script的 type属性设为"text/plain" ,name属性设为字段名称
另外,这里只建议使用script标签或textarea标签,其他的也可以,但是可能会有引起其他问题,不推荐
③配置
<script type="text/javascript">
 var editor = new baidu.editor.ui.Editor({
  toolbars:[['bold', 'italic','underline','|','forecolor','|','insertunorderedlist','insertorderedlist']],
       elementPathEnabled:false,
       minFrameHeight:170,
       pasteFilter : true,
       clearFontSize : true,
       clearFontFamily : true,
       removeClass : true,
       pasteplain : true,
      serialize:{ blackList:{style:1, link:1,object:1, applet:1, input:1,meta:1, base:1, button:1, select:1,, 'map':1, 'area':1,"img":1,"script":1} }
  });
  editor.render("editor");//参数为容器标签的id  
</script>
注意:尽量保证实例变量(editor)为全局变量
(3)配置说明:
上一步(2-3)的配置字段,全部来源于editor_all.js文件,但是不建议直接在editor_all.js里改,应该在初始化时配置
需要强调的几条:
toolbar:应该传入[嵌套]数组,每个数组为一行,"|"为分割符
textarea:为字段名称(也可以在容器的name设置)
enterTag:输入回车时,是加 P标签 还是 BR标签
(4)取值:
①直接FORM提交
只要设置了字段名称(容器的name属性或者初始化时textarea属性),就可以自动form提交
注:在使用过程中发现,若一个页面实例化了多个UEditor,只有第一个会自动表单提交[不知新版是否已优化?],解决方法可参考后台招聘管理频道下的页面
②需要把值取出处理
editor.getContent();//已进行了编码处理

转载自零度科技:http://www.ldisp.com/a/javascript/2013/ueditor_enterTag.shtml

上一篇:CKeditor 插件开发教程
下一篇:ueditor1.2.1图片远程抓取错误,ueditor网络图片返回路径错误

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

0

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理