问题标签 [ngx-editor]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
422 浏览

javascript - ngx-editor 链接重定向到与 Angular 项目 url 结合的 url

所以我使用 ngx-editor 和 angular 6 来支持富文本。我想在段落中添加链接,然后单击链接,在新选项卡中打开 url。

在 html 页面上,我将数据动态呈现为:

其中 Description 是打字稿字符串 var。

我的问题是,当我单击从上面的 html 代码呈现的链接时,它会打开 url 为:

http://localhost:4200/www.google.com

www.google.com我从 ngx-editor 窗口添加为链接的地方。

我希望它重定向到www.google.com.

所以我想要解决方案从链接 URL 中删除项目 URL 并仅动态打开链接 URL。

提前致谢。

0 投票
1 回答
1619 浏览

javascript - 在 ngx-editor 中,单击按钮时如何在光标位置插入 html 块

我在 Angular 7 中使用 ngx-editor。单击参数列表中的参数时,我需要在光标位置插入 html。附件是我当前视图的图像。现在点击参数,它就是以这种方式附加它,如图所示。现在点击参数,它就是以这种方式附加它,如图所示。

我希望每个选定的参数都是单独的徽章,应该在单个退格键中删除。此外,您还应该能够编写纯文本。

这就是我现在正在做的事情。

这就是我想要实现的。谁能告诉一个更好的方法来做到这一点?

在此处输入图像描述

0 投票
1 回答
856 浏览

angular - 如何在 ngx-editor 的 Div 内容中使用样式

我在我的 Angular 应用程序中使用了最新版本的“ngx-editor”,但是当我在内容中使用内联样式div时,它没有正确显示。我的意思是,ngx-editor在所见即所得编辑器中删除了该样式。

我一直在尝试下面的这个例子。

app.component.ts

app.component.html

但是当我单击提交按钮并控制该结果时,我没有得到那种内联样式。

也许,现在有人如何在 ngx-editor 的内容上使用内联样式。谢谢你的帮助。

0 投票
0 回答
153 浏览

javascript - 如何在 angularjs 中转义 HTML 字符。我已经阅读了使用 ng-blind / ng-sanitize 来转义 Html,但无法实现它

我是 Angular Js 的新手。我使用 ngx-editor 制作了具有不同格式样式的文本区域。当我提交内容时,我会收到 HTML 标签。我知道每当我在文本区域中键入内容并使用不同的格式样式时,这些标签就会出现,例如使内容变为粗体、斜体、h1、h2、h3 等。

我不希望这些标签显示在浏览器上。请为我提供一个解决方案并解释为什么 HTML 标记与内容一起显示在浏览器上。

代码片段

组件.html

组件.ts

} }

内容数据:this.blogForm.value.contentData,

输入

点击这里查看输入

输出:

点击这里查看输出

标签也与输出一起出现。

0 投票
0 回答
67 浏览

angular - ngx-editor 可以在工具栏上添加新标签按钮或设置类名

我喜欢这个插件,但我需要新的标签功能,也许是“div”标签,或者在选择文本上设置类名,这可能吗?怎么办?谢谢你。

0 投票
1 回答
273 浏览

angular - 如何在 ngx-editor 中禁用图像粘贴?

我试图将 ngx-editor 用于富文本编辑器,但我想禁用在编辑器中粘贴图像的属性。尽管我已从工具栏中删除了插入图像按钮,但它仍在编辑器中粘贴图像。

链接到 ngx-editor 文档:https ://sibiraj-s.github.io/ngx-editor/#/

0 投票
4 回答
363 浏览

angular - ngx-editor 显示占位符,尽管它有一个值

我有一个使用 ngx-editor 的简单组件。html文件如下:

ts 类:

编辑器导入如下:

永远不会显示文本,而是显示占位符的消息。可能是什么原因?我在应用程序的几个地方使用它。只有一页不起作用。

0 投票
1 回答
77 浏览

html - 如何从检查中获取样式并在 CSS 中使用它

在我的 Angular 项目中,我导入了 ngx-editor,并试图让编辑器的高度变小。我确实检查了元素,并且能够修改检查元素中的高度,但是当我从检查元素复制 .nw-editor{ .. } 并将其粘贴到我的 css 文件中时,它并没有改变高度一些原因。

关于如何使高度变小的任何建议或建议?

我将它复制到我的 scss 以及我的全局 style.scss 文件中,但它不起作用。

我的 HTML

在此处输入图像描述

0 投票
0 回答
36 浏览

angular - ngx-editor - 仅在编辑器具有焦点时显示工具栏

我有一个使用许多 NGX 编辑器的 Angular 应用程序。为了减少页面上的噪音,我只想在特定编辑器具有焦点时显示羽毛笔工具栏。有没有一种简单的方法可以做到这一点?

0 投票
0 回答
301 浏览

angular - 安装然后启动开发服务器后 ngx-editor 错误

我想在我的项目中使用ngx-editor包,所以我安装了它,然后在执行 ng serve 后出现以下错误。

以及终端中的其他一堆错误,它结束于

我的 package.json 文件是

我已经尝试过重新安装 node_modules。