angularjs利用指令调用ueditor百度编辑器

最新推荐文章于 2024-08-16 08:25:43 发布

JK_Nless

最新推荐文章于 2024-08-16 08:25:43 发布

阅读量1w

点赞数

分类专栏： AngularJs学习文章标签： ueditor angularjs 百度编辑器指令

本文链接：https://blog.csdn.net/u011127925/article/details/47292637

版权

本文介绍了如何在AngularJS项目中集成并使用百度编辑器UEditor，通过异步加载ueditor.config.js和ueditor.all.js文件，创建服务进行回调处理，并通过指令实现内容的双向绑定。

摘要由CSDN通过智能技术生成

ueditor中文是百度编辑器，而angularjs是一款优秀的前端JS框架了，下面我们来介绍在angularjs调用ueditor百度编辑器例子,有兴趣的可一起来看看。

一直以来，angularjs的富文本编辑器都比较难做，主要是第三方的编辑器很难集成进来，今天花时间研究了一下，发现ueditor主要加载两个js文件

ueditor.config.js

ueditor.all.js

能不能把这两个文件异步加载呢？答案是肯定的。我们新建一个服务用来异步加载资源，并设置必要的回调方法。
服务代码：

services.factory('Common', [
  '$http', '$q', function($http, $q) {
   
   return {
    loadScript: function(url, callback) {
   
     var head = document.getElementsByTagName("head")[0];
     var script = document.createElement("script");
     script.setAttribute("type", "text/javascript");
     script.setAttribute("src", url);
     script.setAttribute("async", true);
     script.setAttribute("defer", true);
     head.appendChild(script);
     //fuck ie! duck type
     if (document.all) {
      script.onreadystatechange = function() {
   
       va