程序员经验分享-hwhale

Angular4 的 Wysiwyg 编辑器 [关闭]

2023-12-31

有人知道与 Angular 4 兼容的免费 Wysiwyg 编辑器吗？

Froala 似乎不错，但不幸的是它不是免费的。

也许使用 Angular 4 不是一个好主意，因为很难找到很多基本的东西......

谢谢


由于我也遇到了同样的问题，所以我在这里分享我的研究结果：

ng2-ckeditor https://github.com/chymz/ng2-ckeditor

demo here https://embed.plnkr.co/hnB0R3/

ngx编辑器 https://github.com/Sibiraj-S/ngx-editor

demo here https://ngx-editor.stackblitz.io/ enter image description here

quill.js 用于角度 https://github.com/surmon-china/ngx-quill-editor

demo here https://surmon-china.github.io/ngx-quill-editor/

注意：Quill 在内部使用 JSON 来存储数据，而不是 html。

PRIME NG

主题集合，还具有基于 Quill 的所见即所得编辑器、演示here https://www.primefaces.org/primeng/#/editor。一些主题是免费的。

ngx-md https://www.npmjs.com/package/ngx-md

一个所见即所得的编辑器，使用 MarkDown 而不是 HTML，演示here https://dimpu.github.io/ngx-md/

Edit

如果您选择 quill.js，您可能需要使用KillerCodeMonkey 的实现 https://github.com/KillerCodeMonkey/ngx-quill因为它与 Angular 5 兼容。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

angular

wysiwyg

Angular4 的 Wysiwyg 编辑器 [关闭] 的相关文章

  • 为什么 Angular 2 项目如此大 [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我们正在用 ng2 重写 ng1 项目 我们的 ng1 项目构建后大约有 8mb 我们对 ng2 的重写已经完成了大约四分之一 并且我

  • 在 Angular 中获取当前路由路径名称的最简单方法是什么？

    我正在寻找一种获取当前路线的路径名称的好方法 这是我能找到的最简单的 this route snapshot firstChild url 0 path 有没有更好的办法 谢谢 谢谢大家的回答 这是我发现我必须做的 router event

  • 角度代理配置不起作用

    我不明白我错在哪里 附 已经尝试通过这个答案修复但仍然不起作用 Angular CLI 代理到后端不起作用 https stackoverflow com questions 39809008 angular cli proxy to ba

  • Angular 2 ngModel 不工作（仅限 javascript）

    所以我是 Angular2 javascript 的新手 我能够通过 5 分钟的 Angular 教程制作一个简单的 Hello world 我对 Angular2 的新变化很好奇 我开始阅读 Angular2 Js 文档 但我发现它不完整

  • 类型“boolean”不可分配给类型“Observable”

    我有那个代码 method Observable

  • Chrome 版本 58 的 Redactor 编辑器文本格式问题

    我们正在使用编辑器 https imperavi com redactor https imperavi com redactor 版本 10 1 1 并且由于对项目的大量依赖而未迁移到 Redactor II 最近 我们在 Chrome

  • Angular 2 重复标头

    使用时出现重复标头问题

  • 将 Angular Web 组件 EventEmitter 监听到 javascript

    我在以下工具的帮助下创建了一个小型网络组件本文 https medium com IMM9O web components with angular d0205c9db08f使用角度元素 其中包括 Input and Output 我能够将

  • 创建 AoT 兼容的服务工厂

    我正在尝试为缓存服务创建一个服务工厂 主要要求是每次可以使用不同的字符串实例化单个服务 最终的结果会有多个cache每个服务都由唯一定义databaseName 每个缓存可以有一个或多个stores也由唯一定义storeName 其他服务将

  • 观众：覆盖单个测试的提供者（角度通用）

    我构建了一个小型角度应用程序 现在正在编写单元测试 到目前为止一切顺利 但是当我尝试测试我的 authGuard 时 我遇到了一些问题 我在用观众 https github com ngneat spectator 我在规范的提供者部分中提

  • 使用 facebook 共享动态更新元标签 - Angular 6

    我需要动态更新元标记 如 og title og description 和 og image 并在 facebook 上共享相同的内容 我已经尝试了所有方法 但没有任何效果 首先 我尝试使用 javascript 设置元标记 如下所示 v

  • `[(ngModel)]` 与 `[(value)]`

    有什么区别

  • Angular 2将数组传递给路由器queryString

    我想传递一个数组ids 1 2 3 像这样的路由器查询字符串 http some url ids 1 ids 2 ids 3 但是当我尝试使用 const queryParams ids 1 2 3 this router navigate

  • Angular 2 Material 2 日期选择器日期格式

    我不知道如何更改材料2日期选择器的日期格式 我已阅读文档 但我不明白我实际上需要做什么 datepicker默认提供的输出日期格式为f e 6 9 2017 我想要实现的目标是将格式更改为类似的格式9 Jun 2017或任何其他 文档htt

  • Angular with/Angular Material - 对话框主题损坏

    您好 我遇到了 Angular Material 主题在对话框组件中中断的问题 其中文本和其他组件的颜色未按应有的方式工作 在 app component 中 我有一个设置图标按钮来打开对话框 main settings dialog 但当

  • 如何在 Angular 项目中使用 Bootstrap？

    我开始我的第一次Angular应用程序和我的基本设置已完成 我怎样才能添加引导程序我的申请 如果您可以提供一个示例 那么这将是一个很大的帮助 如果您使用Angular CLI要生成新项目 还有另一种方法可以使 bootstrap 可访问角度

  • Angular - 如何解析 event.path 内的对象

    现在这是一个很难解释的复杂问题 我会尽力解释 我有一个弹出窗口 我想从中唯一地标识单击事件是来自弹出窗口内部还是外部 我的第一个方法 我用一个包住了整个弹出框div与id 说 独特 因此 我将单击事件与主机侦听器绑定 我将为其获取事件对象

  • Angular 4 过滤器搜索自定义管道

    所以我试图构建一个自定义管道来在 ngFor 循环中执行多个值的搜索过滤器 我花了几个小时寻找一个好的工作示例 其中大多数都是基于以前的版本 并且似乎不起作用 所以我正在构建管道并使用控制台为我提供值 但是 我似乎无法显示输入文本 以下是我

  • Angular 8 输入验证仅接受数字

    我正在创建动态输入字段 它将接受所有类型值 我需要限制只输入数字 模板 tr tr

  • 使用服务器端数据源时，标题复选框选择不起作用

    正如标题所示 我正在使用ag grid与 Angular 我使用一个自定义类来实现IServerSideDatasource用于从 API 获取数据rowModelType设置为 服务器端 问题是当我设置headerCheckboxSele

随机推荐

  • 从 Python 文件创建 .deb 文件

    关注后http ubuntuforums org showthread php t 406069 http ubuntuforums org showthread php t 406069我知道如何制作一个 deb 文件 该文件自动将 Py

  • 为什么android在显示png文件时会损失图像质量？

    我想在 android 上显示 png 图像 这是图像文件 右端比左端暗一些 但是 Android 应用程序 使用 ImageView 上的图像质量丢失了 请注意红框中的部分 颜色变化不顺畅 但如果我使用我的Android手机的浏览器 它播

  • 使用 Verilator 和 VPI 读取寄存器数组

    所以我在我的verilog中定义了以下寄存器 reg 31 0 register mem 0 15 verilator public 我的目标是从我的 verilator c 代码中读取存储在其中的 16 个值中的每一个 我发现有关 VPI

  • 为什么 Phoenix (ecto/Postgresx) 在开发中无法连接

    我正在开始我的 Elixir Phoenix 之旅 但我的 postgres 连接遇到了一些问题 当我启动服务器时 我得到 mix phoenix server error Postgrex Protocol PID lt 0 214 0

  • 在JS中将以下日期格式化为YYYY-mm-dd

    我将如何转换以下日期 2016 年 2 月 18 日星期四 12 25 00 SGT 转换成 2016 02 18 这样的格式 I know 通过调用使用 new Date Date parse 可以帮助我得到它 但问题是时区部分 SGT

  • 如何将项目添加到桌面上的右键菜单

    我有一个在后台运行的应用程序 并按设定的时间间隔更改用户的桌面背景 除了正常的 Windows 右键单击 选项之外 我想让用户右键单击桌面背景并可以选择下载照片或前进到下一个背景 在 C 中有什么办法可以做到这一点吗 目标操作系统是 Win

  • 多个 (3+) 设备的 WiFi Direct (Android 4.0)

    像这儿 Android WiFi Direct 自动身份验证 https stackoverflow com questions 9206043 automatic authentication for android wifi direc

  • 如何从 Python 函数调用捕获 stdout 输出？

    我正在使用一个对对象执行某些操作的 Python 库 do something my object 并改变它 这样做时 它会将一些统计信息打印到标准输出 我想掌握这些信息 正确的解决方案是改变do something 返回相关信息 out

  • Angular mat-table dataSource.paginator 和 dataSource.sort 和 dataSource.filter 未按预期工作

    更新 更改了代码以立即调用并分配dataSource 但我仍然遇到相同的结果 除了sourceData paginator工作中 这sourceData filter and sourceData sort仍然不起作用 请注意 我没有收到任

  • ftp 客户端上出现 noClassDefFound 错误：org.apache.commons.net.ftp.FTPClient

    我正在开发一个将文件发送到 url 数据库的应用程序 我一开始只是想发送一张图片 目前 我在 java io 中遇到 noclassDefFound 错误 我已经尝试更新 java 再次删除和添加 jar 文件 并且我仔细检查了我的清单以获

  • “重新启动接收器”无法正常工作 android [Xamarin.Android]

    我正在尝试实现一个广播接收器 该接收器在设备重新启动时获取广播 但无法使用以下代码工作 它应该在设备重新启动时向我发送祝酒词 广播接收器 BroadcastReceiver public class RebootReceiver Broad

  • 删除最后一个空行

    我的 csv 文件末尾有一个分段符 我尝试使用以下命令删除文件末尾的空行 sed i d combined csv 但它不起作用并且空白行仍然存在 我可以使用以下命令删除最后一行 sed i d combined csv 但是在删除最后一行

  • 错误：“x”未命名类型

    当我尝试声明类 Game 的实例时 我收到 main cpp 的编译错误 错误 游戏 未命名类型 如果可能并不重要 但我正在使用代码块 Game cpp中的相关代码 include include main h class Game pri

  • Chrome 扩展程序弹出窗口按条件显示

    我想通过点击显示弹出窗口 但前提是条件为假 单击扩展图标后台 js 后 搜索具有当前名称的选项卡 如果选项卡找到后台js继续工作 如果没有找到 我想显示带有说明的弹出窗口 无法理解如何在这种情况下仅显示弹出窗口 我可以通过 browserA

  • 正则表达式检查字符串中的连续 3 位数字

    我想要java中的正则表达式来检查字符串是否包含连续的3位数字 但问题是我的字符串可能包含 unicode 字符 如果字符串包含 unicode 字符 则应跳过 unicode 字符 跳过 AND 之后的 4 并进行检查 一些例子是 Nee

  • 如何仅使用 JavaScript 获取下一个元素？

    假设我们有这个标记 h1 some project mdash javascript html tests h1 hr p testing 123 p 我知道有 prependChild appendChild innerHTML等属性和方

  • 在 Rails 资源管道中使用字体

    我在 Scss 文件中配置了一些字体 如下所示 font face font family Icomoon src asset url icoMoon eot iefix font format embedded opentype asse

  • ffmpeg 转换 x264 [错误]：大小为 769152 的 malloc 失败

    我正在尝试将从 Android 智能手表 mp4 格式 录制的视频转换为可在所有浏览器上播放的格式 mp4 从智能手表录制的视频未在浏览器中播放 所以 我使用 ffmpeg 将其转换为可播放的 mp4 格式 但有时它会显示错误x264 er

  • keras中的加权mse自定义损失函数

    我正在处理时间序列数据 输出未来 60 天的预测数据 我目前使用均方误差作为我的损失函数 结果很糟糕 我想实现一个加权均方误差 使得早期的输出比后来的输出重要得多 加权均方根公式 因此 我需要某种方法来使用索引迭代张量的元素 因为我需要同时

  • Angular4 的 Wysiwyg 编辑器 [关闭]

    Closed 此问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 有人知道与 Angular 4 兼容的免费 Wysiwyg 编辑器吗 Froala 似乎不错 但不幸的是

热门标签