Angular4的ng2-ckeditor富文本编辑框的使用
来源:互联网 发布:cms设计文档 编辑:程序博客网 时间:2024/06/05 09:23
在网上找了很多富文本编辑器,都没使用成功,很多教程只教一般,关键的代码也不说明,让你去猜,我很无奈,只好自己去找自己去亲测,而且有些样式和功能也不是很满意,千挑万选才选中这款编辑器,并且将他用起来了!贼多的坑!不过还是克服了!
样式如下:
使用方法如下:首先cli配置并且安装ng2-ckeditor:
"ng2-ckeditor": "^1.1.6"
然后再app.module中引入
import {CKEditorModule} from 'ng2-ckeditor';
imports: [ CKEditorModule]
在index.html中引入js
<script src="//cdn.ckeditor.com/4.6.2/full/ckeditor.js"></script>
最后就是用到富文本编辑器的标签:
<ckeditor [(ngModel)]="ckeditorContent" debounce="500" [config]="config"></ckeditor>输入的内容:<br> {{ ckeditorContent }}
ts:
ckeditorContent = '';config = { filebrowserBrowseUrl: '&&&&&', filebrowserUploadUrl: '&&&' };
欢迎加入我的Angular4交流QQ群:560334140,大家互相学习互相进步!
个人微信公众号,欢迎大家关注下,支持下,谢谢!
微信公众号名称:U世界的V梦想
二维码:
阅读全文
0 0
- Angular4的ng2-ckeditor富文本编辑框的使用
- 富文本编辑框的使用
- 富文本编辑框的使用
- summernote富文本编辑框的使用
- 百度富文本编辑框的使用
- uchome里的富文本编辑框的使用
- 富文本编辑器ckeditor的使用
- ckeditor富文本编辑器的使用
- 富文本编辑器 CKeditor 的使用
- 前端富文本编辑器ckeditor的使用
- 富文本编辑器CKEditor的使用
- CKeditor富文本编辑器的使用
- 富文本编辑的利器execCommand
- struts2中富文本编辑器使用ckeditor和ckfinder,实现富文本编辑
- 记录百度富文本编辑框 UEditor 的一个问题
- 使用KindEditor创建富文本编辑框
- CKEditor(在线富文本编辑器)的安装与使用
- 如何使用ckeditor控件实现华丽的富文本呢?
- 为Macbook添加自己喜欢的英汉辞典
- [c] printf 输出 16 格式的数据
- 细说CNN
- 百练 4124 【状态压缩 + 记忆化搜索】
- 面向对象编程思想(OOP)
- Angular4的ng2-ckeditor富文本编辑框的使用
- oninput和onchange在input框里触发函数的问题
- Wordpress 的SMTP的邮件发送 插件WP Email SMTP
- ios 模仿系统相册 预览
- Manacher算法总结
- JDBC工具包
- SQL 语法
- 【数据库】Oracle语句练习
- vc++编译时运行库选择(/MT、/MTd、/MD、/MDd)