有没有办法在不使用 jQuery 的情况下在 Angular WYSIWYG 指令中使用 colorPicker

【问题标题】：Is there any way to use colorPicker in Angular WYSIWYG directive without using jQuery有没有办法在不使用 jQuery 的情况下在 Angular WYSIWYG 指令中使用 colorPicker
【发布时间】：2016-06-15 04:28:42
【问题描述】：

当我删除 jquery refrence 颜色选择器在 WYSIWYG 指令中不起作用并且在我的项目中我不应该使用 jQuery 那么有什么方法可以在不使用 jquery 的情况下做到这一点？或者有没有其他没有jquery参考的编辑器？plunker with jquery ref

【问题讨论】：

  • 它是如何“不工作”的？如果您有或没有 jQuery 引用，您的 plunker 的行为似乎相同。

标签： javascript angularjs angularjs-directive wysiwyg contenteditable


【解决方案1】：

演示：http://so.lucafilosofi.com/is-there-any-way-to-use-colorpicker-in-angular-wysiwyg-directive-without-using-j/

您实际上遇到的问题不是colorPicker，而是wysiwyg 模块本身，如代码cmets 所述：

需要：Twitter-bootstrap、fontawesome、jquery、angularjs、bootstrap-color-picker

无论如何，幸运的是，该模块仅将 jquery 用于引导和工具提示插件...

所以我有：

  • 将原来的引导程序替换为 UI Bootstrap 用于 angularjs
  • 添加了 ngSanitize 模块，该模块提供了清理 HTML 的功能。
  • 破解了wysiwyg 模块以使用uib-tooltip 指令
  • 为contenteditable div 创建了一个新的临时指令
  • 来源 plunker

希望对您有所帮助。 ;-)

【讨论】：

  • 谢谢@Luca，但如果我尝试$watch scope.data.text 手表不适合它
  • @Syed Rasheed：检查更新的plnkr.co/edit/2BIN4HKDzvjPxxniNuCb 我还修复了另一个小错误
  • 谢谢 但是如果我保持value 保存在该编辑器中输入的文本，它不会检索它！
  • @Syed Rasheed：您好，我对模块进行了重大重写，查看源代码是否有更改，现在应该可以使用了！ ;) plnkr.co/edit/27AzZkzMn1qnexrzT6Dl?p=preview
猜你喜欢
  • 2019-07-23
  • 1970-01-01
  • 2016-01-10
  • 2016-01-19
  • 1970-01-01
  • 1970-01-01
  • 2010-11-04
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode