在Angular框架中使用TinyMCE在线编辑器

最新推荐文章于 2023-04-18 15:46:19 发布
最新推荐文章于 2023-04-18 15:46:19 发布
阅读量4.2k 收藏
点赞数
分类专栏： javascript 文章标签： JavaScript angular TinyMCE
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u011649436/article/details/12656513
版权

    在之前的文章中谈到在angular中使用ckeditor，但经验证，ckeditor不能简单能使用ng-model来绑定变量，这多多少少带来了不便，所以尝试选择另外一款，TinyMCE。

    进一步讨论前再说明一下，其实有插件可以使ckeditor在angular中正常工作，代码在stackoverflow上有，需要的话可以去google。’

    TinyMCE其实已成为AngularUI的一个模块，具体github项目在https://github.com/angular-ui/ui-tinymce。按照其ReadMe，使用起来是非常方便的；但其说明使用到了bower，如果你不想使用bower，只要手动下载相关文件，导入到html中就行了。

    TinyMCE的界面比较简洁，功能似乎比ckeditor差点，但与angularjs非常兼容，先将就着吧。。。

林兴
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
tinymce-angular：TinyMCE官方角度组件
01-31
TinyMCE官方角度组件 关于 该软件包是的薄包装，可以更轻松地在Angular应用程序中使用。 如果您需要有关TinyMCE的详细文档，请参阅： 。 有关TinyMCE Angular快速入门，请参阅： 。 有关TinyMCE Angular技术参考，请参阅： 。 对于我们的快速演示，请查看TinyMCE Angular 。 支持 对于Angular 9+，请使用集成版本4.x： npm install @tinymce/tinymce-angular@^4.0.0 对于Angular 8及更低版本，请使用集成版本3.x： npm install @tinymce/tinymce-angular@^3.0.0 不支持低于Angular 5的版本。 问题 您是否发现了tinymce-angular问题，或者您有功能请求？ 打开一个，让我们知道或提交。 注意：有关TinyMCE的问题，请访问。
Angular5 整合富文本编辑器TinyMCE（汉化+上传）
weixin_34343000的博客
01-15 739
1. TinyMCE简介 TinyMCE是一个轻量级的富文本编辑器，相对于CKEditor更加精简，但足以满足绝大部分场景的需要。 2. 安装和配置TinyMCE 2.1 安装TinyMCE npm install --save tinymce 2.2 设置tinymce全局访问（.angular-cli.json） "scri...
TinyMCE在线编辑器使用方法初探
weixin_33859844的博客
05-13 125
首先，下载TinyMCE包，地址：http://www.tinymce.com/ 然后将下载后的包解压，放置到一个文件夹下，创建一个html文件，并在其中书写如下代码： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset....
ng-admin 引用富文本插件 angular-ui-tinymce
SummerGao
06-03 273
angular-ui-ti...
angular9+tinymce4+powerpaste3
02-25
请无视angular的版本（2以上即可），包含了第三方包，解压即可运行 npm start ，一个富文本编辑的例子
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
11-20
1. TinyMCE简介 TinyMCE是一个轻量级的富文本编辑器，相对于CK编辑器更加精简，但必须满足绝大部分场景的需要。 2.安装和配置TinyMCE 2.1安装TinyMCE npm install-保存tinymce 2.2设置tinymce局部访问（.angular-cli.json） "scripts": [ "../node_modules/_tinymce@4.7.4/tinymce.js", "../node_modules/_tinymce@4.7.4/themes/modern/theme.js", "../node_modules/_tinymce@4.7
angular封装tinymce富文本组件
weixin_39150852的博客
10-11 573
angular 中使用TinyMCE https://blog.csdn.net/qq_39785489/article/details/81361044
tiny_mce在线编辑器内JavaScript实现Ctrl+S无刷新保存。
顾丽江的专栏
05-28 2447
以前也用过几个编辑器拉，如FCK，CUTEDTOR等，它们大都实现了很不错了的功能，也有丰富的插件使用。不过我还是觉得TinyMCE在线编辑器好用，它是采用纯JS客户端脚本技术构建，是一个轻量级加载速度非常快的WEB的文本编辑控件，并且TinyMCE是一个根据LGPL license发布的自由软件，你可以把它用于商业应用。由于最进在做一个博客系统需要有在线编辑器，于是便找了TinyMCE在线编
在线编辑器tinyMCE
11-11
很好的一个在线编辑器，使用简单方便！ 并且该编辑器是用javascript脚本语言写的，因此具有平台无关性。而且该软件是开源的，大家可以随便发布、使用！
tinymce在线编辑器
03-23
tinymce在线编辑器 换肤 等 功能强大
ngx-tinymce-editor:角5+ tinymce编辑器
05-13
ngx-tinymce-editor 组件使用构建。 安装说明 从npm安装tinymce 从npm安装ngx-tinymce-editor npm install tinymce --save npm install ngx-tinymce-editor --save 推荐 将ngx-tinymce-editor导入到您的根AppModule 。 将node_modules/tinymce/skins复制到目录assets/tinymce/skins 。 import { NgxTinymceEditorModule } from 'ngx-tinymce-editor' ; @ NgModule ( { imports : [ NgxTinymceEditorModule . forRoot ( ) ] } ) export class AppMo
前端项目-angular-ui-tinymce.zip
09-03
前端项目-angular-ui-tinymce,此指令允许您向表单元素添加tinymce。
angular-react：在Angular中使用React组件
01-31
React对Angular的支持 行业趋势，组织压力和其他因素可能导致对组件库的使用或从一种技术迁移到另一种技术的要求。 对于需要使用的 ，必须使用React编写客户端（最新版本没有Angular组件库）。 从Angular重写为React可能会导致成本过高或出于其他原因而被建议使用。 使用Angular-React可以使用Angular [2+]应用程序中的所有React元素，尤其是Office UI Fabric。 Office UI Fabric的包装器库简化了Angular对这些组件的使用。 但是，任何React代码都可以使用自定义Angular-React渲染器。 图书馆 @ angular-react包含两个单独的库： ： 包括渲染器和支持逻辑，以将具有React实现的Angular组件渲染为React组件。 ： 轻量级的Angular组件包装器通过常见的Angular组件（在许多情况下包括命令式和声明性语法）公开了Fabric React组件API。 快速链接 | | | | 典型用例 在Angular中使用React组件库 逐步将Angular应用程序重
在Angular1.X中使用CSSModules共14页
10-30
在Angular1.X中使用CSSModules共14页.pdf.zip
angular route中使用resolve在uglify压缩后问题解决
09-01
主要介绍了angular route中使用resolve在uglify压缩后问题解决的相关资料,需要的朋友可以参考下
Angular中集成富文本编辑器插件—ngx-tinymce
sun2829191346的博客
04-18 702
Angular中集成富文本编辑器插件—ngx-tinymce
在angular 6中使用 less 的实例代码
08-27
主要介绍了在angular 6中使用 less 的实例代码,非常不错，具有参考借鉴价值，需要的朋友可以参考下
Angular5 引入TinyMCE富文本编辑器
WXF_Angular的博客
02-28 3206
1.下载TinyMCE 富文本编辑器        npm install --save tinymce       默认安装稳定版2.引入js 把下载到node_modules\tinymce 下的源码复制到 assets文件夹下，再如下操作3. 在在项目中的typing.d.ts中声明tinymce全局变量，不然会提示找不到tinymce4.在component.ts中 加入如下代码 edit...
在angular中使用openlayers
最新发布
07-11
在 Angular 中使用 OpenLayers，你需要按照以下步骤进行设置： 1. 在你的 Angular 项目中安装 OpenLayers 库。可以通过运行以下命令来安装它：`npm install ol`。 2. 在你的 Angular 项目中创建一个组件来承载 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值