问题标签 [froala]

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 回答
621 浏览

javascript - Froala 自定义关闭按钮

我正在尝试为 Froala 编辑器创建一个自定义关闭按钮。我设法创建了一个自定义按钮并将其显示在 froala 工具栏中,但是我似乎无法让关闭按钮正常工作。谁能给我一些指导?

到目前为止,我的自定义按钮代码是:

JSON 关闭按钮

关闭功能

0 投票
1 回答
3451 浏览

button - Froala 添加自定义预代码按钮

我正在尝试使用Froala编辑器创建一个代码按钮,它基本上可以通过按CNTRL+K. 现在我想我有两个选择。

第一个是编辑 froala-editor.js 文件,因为 Froala 已经有一个“代码”按钮,它只添加<pre>标签。如果我能以某种方式让它也添加<code>标签,问题就解决了。不幸的是,我没有让这个工作。

第二个选项是创建一个自定义按钮,到目前为止我有这段代码:

它以某种方式工作,但它有问题并产生奇怪的html,如下所示:

对于选项一或二完成此操作的任何帮助将不胜感激。

0 投票
1 回答
587 浏览

javascript - 带有 ember js 和 Froala 编辑器的 Lightbox 2(点击图片预览)

我使用 ember js 作为我的前端 MVC。我有一个类似于堆栈溢出的问答模块,其中有两个字段,一个用于标题,另一个用于描述。

由于描述是一个文本区域,我已将其插入Froala wysiwug 编辑器

现在我使用 ember 获取在 froala 文本编辑器中输入的内容

在 ember 控制器中。

例如,如果我控制台记录来自 textarea 的内容

我将这个字符串保存在数据库中。一切正常。

现在我想使用灯箱插件

正如您所注意到的,要使用插件,需要将图像包装在锚标记内并添加一些 data-lightbox 属性

由于我正在数据库中查找图像标记标记,因此将图像包装在anchor tag

我有 2 个选项 - 1)在将图像保存在数据库中之前,使用 javascript 进行模式匹配并找到图像并将其包装在锚标记中。2) 在didInsertElementember 视图的钩子中,找到页面上的所有图像并执行 adom manuplation并将图像包裹在锚标签内。

有没有其他方法可以让这个工作?需要一些建议。

0 投票
2 回答
939 浏览

jquery - 如何在 froala 编辑器上重置 (UNDO & REDO) 按钮的状态

嗨,我正在使用 froala 编辑器为每个阶段保存 html ..

考虑有三个阶段.. A,B和C ..

Froala 编辑器只有一个

所有三个阶段的 div 都是相同的,因为可以动态创建阶段。我在这里遇到了REDOUNDO按钮的问题。

例子

点击 Stage A 并输入"This is stage A"

然后我按阶段B

div被清除,然后我输入"This is Stage B"

在这里,当我按下撤消按钮时,文本变为“这是阶段 A”。我想清除redo undo历史/缓存/缓冲区以及CTRL + Z点击阶段。

froala 中是否有任何直接的方法来破坏历史记录或重置重做和撤消按钮的状态。

0 投票
1 回答
1848 浏览

php - froala 编辑器无法正常工作

我正在使用 froala 编辑器将 CMS 内容插入数据库。但它不能完美地工作,我在左侧排列内容,在右侧排列图像,它在编辑器中正确对齐,但在我的视图页面(从数据库中获取内容)它不是正确对齐。

在编辑器中

在此处输入图像描述

任何人请帮助我

0 投票
1 回答
1541 浏览

javascript - Froala 所见即所得编辑器未出现在浏览器中

我遇到了一个问题,我正在为Froala编辑器正确加载 JS 和 CSS 文件,但由于某种原因,我相信某个地方是 jQuery 脚本,它没有采用我的表单并用正确的 CSS 样式替换它。

这是我的观点(#blog-editor 是我想使用编辑器的地方):

0 投票
3 回答
3518 浏览

froala - 如何改变

标签到
标签按回车

Froala编辑器中,按“enter”关闭</p>标签并打开一个新标签。

是否可以更改行为以插入<br>标签而不关闭<p>

0 投票
1 回答
1262 浏览

jquery - Froala 编辑器在粘贴代码时保持缩进

我在粘贴到 Froala 时遇到了一些麻烦。我有一个添加<pre><code>Code here</code></pre>标签的自定义代码按钮:

我希望能够将代码粘贴到编辑器中,删除样式但保留换行符和缩进。与此处类似,带有CNTL+K. 这可能吗?

0 投票
1 回答
768 浏览

jquery - How to get froala's parent div's data-id attribute?

So I have the editor mostly setup for inlineMode.

Here's what my implementation code currently looks like:

How do I pass the context of the edit box (the post-mission_statement) to Froala and then to the AJAX request, so PHP can figure out the proper primary key to store the data?

0 投票
1 回答
1100 浏览

froala - Froala 编辑器中的 Tab 键

有没有办法在 Froala 编辑器中禁用 Tab 键并将其用于 tabindex 行为?如果我绑定到“keydown”,我可以禁用回车键,如果 e.which 为 13(使用 jQuery),则返回 false;但是为 keycode 9 (tab) 重新调整 false 无效,并且 Froala 不断用 4 个“nbsp”实体替换 Tab。现在,我采用了一种技巧,当我检测到一个选项卡时,我会强制对 Froala 进行“撤消”;但是,就像我说的,这是一个 hack,我想找到一个干净的解决方案。此外,我必须在这个 hack 中使用“setTimeout”;否则即使破解也不起作用。

任何帮助将不胜感激。