- 浏览: 162203 次
- 性别:
- 来自: 重庆
博客专栏
-
Angularjs实战
浏览量:19137
文章分类
- 全部博客 (98)
- 工具 (2)
- 字符编码问题 (1)
- 微信开发调试工具 (2)
- java (10)
- spring (2)
- mybatis (2)
- spring boot (2)
- 其他 (1)
- spring ajax (1)
- jquery (4)
- 中间件 (3)
- oracle数据库 (2)
- oracle (1)
- 文件上传 (1)
- AngularJS (23)
- css (4)
- js (9)
- Iconfont (1)
- 个人 (1)
- WebLogic (4)
- maven (2)
- 转载 (1)
- File (2)
- webupload (4)
- tomcat (2)
- linux (2)
- Jersey (11)
- 脚本 (1)
- ftp (1)
- xdata (1)
- 钉钉 (1)
- 文档转换 (3)
- ionic (1)
- vue (2)
最新评论
-
masuweng:
java批量将多文件打包成zip格式 -
柳絮飞祭奠:
// 读取错误执行的返回流 是这个 B ...
java调用执行cmd指令启动weblogic -
109:
您好,我想知道在startServer怎么判断它是错误执行的流 ...
java调用执行cmd指令启动weblogic -
williamfan:
dataSourceConfig.getUrl()这个可以直接 ...
spring boot和mybatis入门
<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor</title> <style type="text/css"> button { border-radius: 2px; background: #0B70B1; color: #FFF; border: 1px solid #0B70B1 } </style> </head> <body ng-app="ueditorApp" ng-controller="uCtrl"> <div> <!-- 加载编辑器的容器 --> <!-- <div id="container"></div> --> </div> <zueditor id="container"></zueditor> <zueditorsimple id="container1"></zueditorsimple> <button ng-click="save()">提交</button> </body> <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script> <script src="https://cdn.bootcss.com/angular.js/1.5.0-beta.0/angular-sanitize.min.js"></script> <!-- 配置文件 --> <script type="text/javascript" src="../plugins/UEditor/ueditor.config.js"></script> <!-- 编辑器源码文件 --> <script type="text/javascript" src="../plugins/UEditor/ueditor.all.min.js"></script> <!-- 手动加载语言 --> <script type="text/javascript" charset="UTF-8" src="../plugins/UEditor/lang/zh-cn/zh-cn.js"></script> <script type="text/javascript"> //上传编辑器内容 var app = angular.module("ueditorApp", [ 'ngSanitize' ]); //在线编辑版 app.directive('zueditor', function() { var option = { restrict : 'E', require : '?ngModel', replace : true, template : '<div></div>', scope : true, link : function($scope, $element, $attrs, ngModel) { var id = $attrs.id; var ue = UE.getEditor(id, { toolbars : [ [ 'bold', 'italic', 'underline', 'fontsize', 'forecolor', 'justifyleft', 'justifycenter', 'justifyright', 'simpleupload', 'insertimage', 'attachment', 'removeformat', 'fullscreen' ] ], autoHeightEnabled : true, autoFloatEnabled : true }); ue.addListener("contentChange", function() { //发送文本到 $scope.$emit('sendtext', ue.getContent()); }); } }; return option; }); //简版 app.directive('zueditorsimple', function() { var option = { restrict : 'E', replace : true, template : '<div></div>', scope : true, link : function($scope, $element, $attrs) { var id = $attrs.id; var ue = UE.getEditor(id, { toolbars : [ [ 'bold', 'italic', 'underline', 'fontsize', 'forecolor', 'justifyleft', 'justifycenter', 'justifyright', 'removeformat', 'fullscreen' ] ], autoHeightEnabled : true, autoFloatEnabled : true }); ue.addListener("contentChange", function() { $scope.$emit('sendtext', ue.getContentTxt()); }); } }; return option; }); app.controller("uCtrl", function($scope, $http) { $scope.editor = ""; $scope.content = ""; $scope.$on("sendParent", function(event, data) { $scope.content = data; }); $scope.save = function() { alert($scope.content); }; });
- UEditor.zip (1.7 MB)
- 下载次数: 2
发表评论
-
Angularjs自定义指令计算浏览器高度
2018-03-27 21:51 898<!DOCTYPE html> <html ... -
AngularJS封装webupload实现文件夹上传
2018-03-14 00:11 1814百度的webupload没有开放a ... -
巧用 Jersey RESTful WebService框架解决文件上传乱码
2018-01-28 13:50 2753一、当我们使用jersey框架封装的restful进行文件上传 ... -
Angularjs的directive封装ztree
2017-12-16 13:41 1276一般我们做web开发都会用到树,恰好ztree为我们提供了多种 ... -
AngularJS实战之cookie的读取
2017-11-21 12:53 1017<!DOCTYPE html> <html ... -
AngularJS中$interval和$timeout的使用
2017-11-18 12:49 1221我们在项目中会出现定时刷新,延迟加载等多种场景。 接下来就看$ ... -
AngularJS实战之ngAnimate插件实现轮播
2017-11-08 21:44 1691第一步:引入angular-animate.js 第二步:注 ... -
基于Angular-animate.js和css实现的轮播图
2017-11-08 13:11 44<!DOCTYPE html> <html ... -
AngularJS实战之Controller之间的通信
2017-10-22 23:13 1360我们时常会在不同control ... -
AngularJS监听数组变化
2017-10-22 12:55 1065我们在使用angualr的监听时候,业务的需要我们会去监听一个 ... -
AngularJS的$location基本用法和注意事项
2017-10-16 15:31 1254一、配置config app.config([ '$locat ... -
AngularJS 无限滚动加载数据控件 ngInfiniteScroll
2017-10-13 22:03 1931在开发中我们可能会遇到滚动鼠标到浏览器底部实现数据的加载,js ... -
AngularJS实战之ng-repeat的详细用法
2017-10-13 21:23 1835一、基本语法 {{$index}}:获取元素的下标。 {{$f ... -
ng-show和ng-if的区别和使用场景
2017-10-11 23:31 1614一、ng-show(ng-hide)和ng-if都是控制标签的 ... -
[置顶] AngularJS实战之路由ui-sref-active使用
2017-09-11 20:42 1275当我们使用angularjs的路由时,时常会出现一个需求,当选 ... -
AngularJS实战之路由ui-view传参
2017-08-25 00:50 1189angular路由传参 首页 <!DOCTYPE htm ... -
AngularJS实战之filter的使用二
2017-08-24 23:01 955博文一中的filter是angular自带的filter,一般 ... -
AngularJS实战之filter的使用一
2017-08-24 22:36 852一、格式化数字为货币格式。 <div>{{mon ... -
AngularJS实战之路由ui-view
2017-08-18 01:15 9541. 路由(ui-router) 1.1. 环境 1) ang ... -
AngularJs ng-repeat用法二$parent.$index
2017-07-22 18:38 1061我们在开发时时常会出现repeat嵌套使用的情况,此时会想获取 ...
相关推荐
【标题】"管理系统系列--新闻管理系统(ssm、angularjs、UEditor)" 提供了一个综合性的IT知识框架,涉及了Web开发中的多个核心技术。这个新闻管理系统是基于SSM(Spring、SpringMVC、MyBatis)架构,同时采用了...
面向对象: Java是一种纯粹的面向对象编程语言,支持封装、继承和多态等面向对象的概念。这使得Java编写的代码更加模块化、可维护和可扩展。 多线程支持: Java内置了对多线程的支持,允许程序同时执行多个任务。这...
这个"UEditor的asp.net封装控件"就是这样一个工具,它简化了UEditor在.NET环境下的集成过程,让开发者可以更便捷地在ASP.NET应用中使用UEditor的功能。 UEditor控件的核心特性包括: 1. **富文本编辑**:UEditor...
UEditor 封装ueditor,支持微信编辑器图文编辑。。。 screenshot
将 UEditor 封装为 Vue 组件可以使得在 Vue 项目中使用 UEditor 更加方便,符合 Vue 的组件化思想,提高代码复用性和可维护性。 首先,要在 Vue 项目中使用 Vue Ueditor,你需要确保已经安装了 Vue 和 UEditor。Vue...
这时候,需要通过AngularJs的指令来重新封装交互逻辑。例如,在`ueditor`中加入`ng-click`等AngularJs指令,以实现功能的正常使用。 6. **ueditor实例的创建与使用**:在项目中使用ueditor,通常需要引入相关的...
UEditorNet是UEditor的Asp.net的版本,针对.net平台对UEditor进行相应的配置,并使用c#语言对UEditor进行了简单的封装。使asp.net的开发人员能够很方便的进行使用。上传图片、上传文件都已配置能正常使用,并且上传...
《ueditor.all.js与AngularJS集成使用指南及源码解析》 在Web开发中,富文本编辑器扮演着至关重要的角色,它使得用户能够方便地创建和编辑具有格式化的文本内容。百度的ueditor.all.js是一款功能强大的富文本编辑器...
Angular-UEditor是一款基于AngularJS框架的富文本编辑器组件,它是对原生UEditor的封装,旨在为Angular应用提供便捷的富文本编辑功能。UEditor是一款广泛使用的JavaScript富文本编辑器,而Angular-UEditor则是将其与...
《UEditor 1.1.2:Java版的富文本编辑器详解》 UEditor,一个广受欢迎的在线富文本编辑器,以其强大的功能和易用性在Web开发领域占据了重要地位。其Java版本——ueditor-1.1.2,为Java开发者提供了一个便捷的工具,...
《UEditor:一款高效便捷的在线富文本编辑器》 UEditor是一款由百度公司开发的开源在线富文本编辑器,其版本号从1.1.2到1.1.3的迭代,见证了这款编辑器在功能优化和用户体验上的不断提升。在IT领域,UEditor因其...
本文将详细介绍如何在React应用中引入并封装UEditor,以及解决在使用过程中可能遇到的问题。 首先,你需要从UEditor的官方网站下载最新版本的安装包,包含必要的配置文件和源码文件。这些文件通常包括`ueditor....
Vue-UEditor-Wrap不仅提供了对UEditor的基本封装,还考虑了与Vue生态的兼容性,如响应式、组件通信等,大大简化了开发过程。 至于标签中提到的`vue.js`、`前端`、`javascript`和`ecmascript`,它们都是前端开发的...
在其他页面中使用该组件时,我们可以简单地创建一个需要UEditor的页面,并在该页面中使用刚才封装好的UE.vue组件。我们可以传递编辑器的配置参数和文字内容作为 Props,並在点击按钮时获取编辑器的内容。 Vue2.0中...
**Ueditor for Thinkphp3.2** 是一个集成百度Ueditor编辑器的Thinkphp3.2框架下的插件。这个插件使得在Thinkphp3.2的项目中,开发者能够轻松地引入强大的富文本编辑功能,为用户提供一个美观且功能丰富的在线文本...