Angular-UEditor

Angular 的 UEditor 插件
授权协议 MIT
开发语言 JavaScript
所属分类 Web应用开发、 常用JavaScript包
软件类型 开源软件
地区 国产
投 递 者 燕雨石
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Angualr 作为最近前端大热的一款框架,越来越多国人开始使用并且不断有成功的项目。UEditor作为百度前端团队的一款神器,在国内多个项目也在使用。所以小编抽了个时间把angular和UEditor整合起来作为一款angular的插件。

angular-ueditor

angular-ueditor 是一款整合了 angular 和 UEditor 的插件。目的是为了更方便的在angular基础上使用UEditor。

例子

http://zqjimlove.github.io/angular-ueditor/

安装

先引入 UEditor 的 javascript 文件

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

然后下载最新的 angular-ueditor 并且引入文件

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

此时还需要把 angular-ueditor 引入到模块里

angular.module('app',['ng.ueditor'])

用 Bower 安装

使用 Bower 安装时,angular-ueditor 会自动安装并且引入,但ueditor由于没有加入到 Bower 所以需要手动引入。

bower install angular-ueditor --save

使用

基础用法

由于继承了NgModelController,必须绑定 ngModel

<div class="ueditor" ng-model="content"></div>

自定义编辑器

<div class="ueditor" config="config" ng-model="content"></div>
...
<script>
    $scope.config = {
        ...
    }
</script>

方法

ready(listener)

注册准备事件,当 editor 初始化完成后会执行回调函数。

参数
参数 类型 详细
listener function(editor) Callback called whenever the editor ready.

例子

<div class="ueditor" ready="ready" ng-model="content"></div>
...
<script type="text/javascript">
    $scope.ready = function(editor){
        alert(editor.getContent());
    }
</script>

关于

这算是小编第一次正正经经的发布一个开源的项目,即使项目技术含量不高但实在又难以言表的愉悦。在最初开始学习编程到今天,使用过的开源项目数不胜数一直在学习、膜拜各路大神级的开源人物,这一次总算小小回馈了一下。希望在未来能带给大家更多方便好用的项目。

  • Angular中使用ueditor富文本编辑器 npm install ngx-ueditor --save 把从官网下载下来的uediotor文件放在assets中 在app.module.ts(在其他module.ts中也放一下,以防万一,我没试过) import { UEditorModule } from 'ngx-ueditor'; imports: [ UEditorModu

  • Angular-UEditor 详细介绍 Angualr 作为最近前端大热的一款框架,越来越多国人开始使用并且不断有成功的项目。UEditor作为百度前端团队的一款神器,在国内多个项目也在使用。所以小编抽了个时间把angular和UEditor整合起来作为一款angular的插件。 angular-ueditor angular-ueditor 是一款整合了 angular 和 UEditor 的

  • 感谢胡大大分享的的开源项目 Angular 的 UEditor 插件 Angular-UEditor 本文只是修改了angular-ueditor.js,加入了对工具栏的定制,方便项目使用 1 (function() { 2 "use strict"; 3 (function() { 4 var NGUeditor; 5 NGUeditor = angular.module("n

  •     1、Ueditor的集成主要通过把UEditor做成一个Component来实现,先上Component代码:       import { AfterContentInit, Component, Input, OnDestroy, OnInit } from '@angular/core'; import {DomSanitizer, SafeHtml} from '@angula

  • 背景:基于Angular 6,引入ngx-ueditor 发现现象:如果以Shift键+任意键结尾,则ngModel会丢失包含shift键的字符                  例如:输入“ABC+AB++++”,则ngModel中只能获得“ABC+AB”,丢失最后的几个+号 原因:按下Shift键不触发编辑器的contentChange事件,            但如果输入shift键+任意

 相关资料
  • UEditor 是由百度 web 前端研发部开发所见即所得富文本web编辑器,具有轻量、可定制、注重用户体验等特点。 主要特点: 轻量级:代码精简,加载迅速。 定制化: 全新的分层理念,满足多元化的需求。 采用三层架构: 1. 核心层: 为命令层提供底层API,如range/selection/domUtils类。 2. 命令插件层: 基于核心层开发command命令,命令之间相互独立。 3. 界

  • 基于 UEditor 二次开发的富文本编辑器,让 UEditor 重新焕发活力 功能亮点 全新的UI外观,使用字体图标替换原有图片图标 移除过时、无用的插件支持,不断完善使用体验 图片、文件、视频上传配置化定制增强 兼容现有UEditor,实现无缝切换 在线演示 https://open-demo.modstart.com/ueditor-plus/dist-min/ 使用说明 第一步,下载最新版

  • 百度编辑器 For Laravel 5 支持自定义路由, 默认前后台独立控制器,支持重写方法方便自己的业务逻辑处理,支持扩展图片助手(推荐使用Intervention\Image第三方包) 官网 NinJa911工作室. 疑问讨论 请在issue里new一个. 授权 此Laravel 扩展包基于MIT协议开源MIT license. 安装 1.Composer 安装 composer requir

  • ngx-ueditor Angular2.x for Baidu UEditor(UMeditor) Demo Live Demo Stackblitz 特性 懒加载 ueditor.all.js 文件。 支持ueditor事件监听与移除 支持语言切换 支持ueditor实例对象直接访问。 支持二次开发。 使用 1、安装 npm install ngx-ueditor --save 把 UEdit

  • ueditor-piggsoft:对ueditor java工具包改写。 特征:   将所用到的部分类改成普通的 bean,去掉部分静态化,隐式加入 spring,用 DI 来管理类。 加入回调类,在文件在本地存储完后,回调,该类需要自己编写。          

  • ueditor-sae 这个项目用来支持在sae平台上使用ueditor编辑器,后台是java 主要是sae平台没有写权限 需要使用storage 测试地址 http://testue.sinaapp.com/index.html