文档章节

如何在Ember.js项目中使用在线文本编辑器

ubuntuvim
 ubuntuvim
发布于 2016/05/10 02:06
字数 475
阅读 92
收藏 1

转自:http://blog.ddlisting.com/2016/05/10/ru-he-zai-ember-jsxiang-mu-zhong-shi-yong-zai-xian-wen-ben-bian-ji-qi/

网上有很多开发者想在Ember.js项目中使用ueditor但是遗憾的是ueditor并不支持Ember,如果直接嵌入ember项目的模板页面会出现服务链接等错误。并且在2.0版本之后模板中不允许使用script标签(当然你可以借助于组件实现)。

本人就尝试了多种方法,尝试使用整合了Nodejs的插件nodejs ueditor整合到ember项目,但是以失败告终!!

既然不能使用ueditor那就不用吧,因为ueditor的后台不支持ember(支持PHP、asp、JSP等)!

很幸运的是找到类似的替代品!!并且是完美支持Ember的!!

ember-froala-editor

这个插件使用起来非常简单,并且有丰富的功能!!!

只需要2句代码即可实现!

  • 首先安装插件ember install ember-froala-editor
  • 配置environment.js,在此文件中增加如下配置
// 其他配置省略
APP: {
      // Here you can pass flags/options to your application instance
      // when it is created
      },
      'ember-froala-editor': {
        plugins  : true,
        languages: ['es','fr','de'],
        themes   : 'royal'
      }
// 其他配置省略
  • 然后在模板中使用如下两行代码引用插件
{{! app/templates/application.hbs }}
{{froala-editor}}
{{froala-content}}

效果截图如下:

截图1

从截图上可以看到此编辑器拥有丰富的功能,足够日常使用了!

截图2

编辑器的高度会自动根据内容的大小自适应!真是太棒了!

© 著作权归作者所有

ubuntuvim
粉丝 33
博文 76
码字总数 98477
作品 1
深圳
后端工程师
私信 提问
Ember.js v2.7.3 发布,一个JavaScript框架

Ember.js v2.7.3 发布了。 Ember.js是一个JavaScript框架,它极大地减少了构建Web应用程序所需要的时间,精力和资源。它的重点是使开发者尽可能高效地处理重复和琐碎的评论,能更好地参与Web...

达尔文
2016/09/07
1K
1
6 大主流 Web 框架优缺点对比

是该读些评论和做一些总结的时候了。当我们开始写这个系列博客的时候,我们知道 JavaScript/web 应用框架并不太好总结。我们努力对这个不可回答的问题作出回答:我该用什么样的框架? 在这篇...

oschina
2017/11/29
8.7K
11
Ember 3.9 发布,3.8 升级为 LTS

Ember 3.9 现已发布,Ember 3.9 项目包括 Ember.js、Ember Data 和 Ember CLI。 这个版本同时开启了所有子项目的 3.10 beta 版本周期。 此外,Ember 和 Ember Data 的 3.8 版本现在升级为 LT...

xplanet
04/12
773
0
开源论坛项目--Discourse

Discourse 是 Stack Overflow 的联合创始人 Jeff Atwood 推出的一个新的开源论坛项目,其目的是为了改变十年未变的论坛软件。它摒弃了传统论坛的话题讨论形式、拥有自学习系统、全Web应用同时...

匿名
2013/02/06
45.3K
24
Angular、React、Vue.js 等 6 大主流 Web 框架都有什么优缺点?

点击上方“CSDN”,选择“置顶公众号” 关键时刻,第一时间送达! 在这篇文章中,我们将对 6 款主流 Web 框架进行总结,包括我们所认为的强项和弱项。另外,我们为你留下了一些值得思考的问题...

csdnnews
2017/12/10
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Experts say the weaker pound is drawing investors to the UK tech sector

UK tech companies secured a record £5.5bn in foreign investment in the first seven months of this year, research shows. This was more than the amount invested per capita in th......

wowloop
23分钟前
5
0
Add support for Android 9-patch images in BorderImage

The 9-patch image implementation in Qt Quick Controls 1 is an internal implementation detail of the Android style. It cannot handle .9.png image files out of the box, but takes ......

shzwork
27分钟前
4
0
c/c++日期时间处理函数小结

日期时间处理函数: 日期时间转为字符串 strftime/std::put_time 字符串解析成日期时间 strptime/std::get_time 时间结构转换:time_t->tm localtime:time_t->tm 时间结构转换:tm->time_t ...

chuqq
32分钟前
5
0
Apache Flink 进阶入门(二):Time 深度解析

前言 Flink 的 API 大体上可以划分为三个层次:处于最底层的 ProcessFunction、中间一层的 DataStream API 和最上层的 SQL/Table API,这三层中的每一层都非常依赖于时间属性。时间属性是流处...

大涛学长
33分钟前
4
0
创龙基于Xilinx Artix-7系列FPGA处理器

SOM-TLA7是一款由广州创龙基于Xilinx Artix-7系列FPGA自主研发的核心板,可配套广州创龙Artix-7开发板使用。核心板尺寸仅70mm*50mm,采用沉金无铅工艺的10层板设计,专业的PCB Layout保证信号...

Tronlong创龙
39分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部