问题标签 [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 投票
2 回答
1313 浏览

knockout.js - froala 的自定义敲除绑定使编辑器失去焦点

我正在尝试编写自定义绑定以将淘汰赛绑定到froala-editor

我的绑定按以下方式工作:

在这里我使用autosaveInterval,因为我找不到更合适的方法。

我的 HTML 非常简单:

对应的JS:

一切正常,但唯一的问题是每次之后autosaveInterval,我的编辑器都会失去焦点。经过调查,我发现这observable( html );是罪魁祸首。如果我注释掉它,焦点不会丢失,但是我的模型不同步是可以理解的。

任何人都可以尝试帮助我吗?

感谢@nemesv,我能够用 repro 制作一个jsfiddle

0 投票
2 回答
4043 浏览

javascript - 我如何在焦点事件中捕捉 froala 编辑器?

我必须在焦点事件上为 froala 编辑器编写一个 eventListener 函数。但是我在文档中找不到任何事件回调,也找不到这个编辑器结构的任何输入元素。

这是重点froalaeditor结构快照。

重点Frolaeditor结构

有什么方法可以做到

0 投票
8 回答
17707 浏览

javascript - 将文本添加到 Froala 文本编辑器

我正在尝试以编程方式将 html 输入到 Froala 文本编辑器中。根据他们的文档,这应该有效:

但是当我重新加载页面时,我只会得到空白空间,没有错误。这与 id 绑定到 textarea #editor。如果我使用此代码:

...然后一切正常。

有谁知道如何以编程方式将 html 输入到这个编辑器中。

0 投票
2 回答
3991 浏览

jquery - Froala 编辑器:获取内容并发布 ajax 请求

我用


就像文档所说的以 HTML 格式获取内容。

示例这是来自方法 getHTML 的内容:

然后我将 ajax 请求发布到服务器以保存内容,但如果我将内容更改为,服务器不会响应我的请求:


通过删除 html 标签,服务器响应我的请求。所以问题来自我发送的消息包含禁止字符。

如何像提交表单方法一样转换或包装内容?

0 投票
2 回答
2304 浏览

javascript - PHP/JS Froala 图像上传无法正常工作

我去了Froala Docs ,复制并编辑了脚本(有点),但不知何故它似乎不起作用,我什至没有得到回应。这是我的代码:
upload.php:

upload.js(包含在我的网站中):

我到处寻找解决方案,但问题仍未解决,请帮助我,我很感激

0 投票
1 回答
1002 浏览

javascript - 输入键在 froala 编辑器上不起作用

我正在使用 froala js 1.9 js .. 它运行良好,直到 yest ..但现在输入键在编辑器上不起作用。

这是我的初始化代码...

我已经检查了输入键是否在任何其他页面元素上工作,但不是这个编辑器。

0 投票
1 回答
646 浏览

javascript - 启用可编辑元素后,JQueryUI Drag n Drop 无法排序

嗨,我希望有人可以帮助我找出我在拖放可排序时遇到的错误。目前,我将左侧的元素包含在一个 div 中,我称之为可拖动区域。在右侧,我有放置区。拖放与可排序一起工作得很好,但是当我启用可编辑功能时,排序不起作用,但可编辑工作得很好。

为了在放置区域内进行可编辑工作,我必须添加..

但是,当启用此句柄时,排序会停止。我希望能够在放置区域内拖放、排序和编辑元素。我使用 Froala 文本编辑器来实现可编辑功能

这是一个工作示例:http: //jsfiddle.net/darinnj/bdaerfyq/

让我知道是否有人有有效的方法来实现这一点。

0 投票
1 回答
301 浏览

php - Froala $响应变量

我已阅读 Froala 编辑器的文档:http: //editor.froala.com/server-integrations/php-image-upload

已阅读有关堆栈溢出的相同问题的文章,但尚未成功。问题在于 $response 变量,它将图像路径放在图像 src 参数中。到目前为止,froala 正在将图像放在服务器上的指定文件夹中(因此脚本可以工作)。问题是 froala 没有将路径放在图像源中,这样就不会添加图像。

这是我的图片上传脚本(工作得很好)

所以这一定是错误的,因为其他一切都有效:

请帮忙。

0 投票
1 回答
3868 浏览

javascript - 无法从 froala 编辑器上传图片

我正在使用 XAMPP 作为服务器,而且我似乎无法像编辑器的文档向我展示的那样上传图像......这是链接: http ://editor.froala.com/server-integrations/php -图像上传

我已经对此问题进行了调查,通常他们都说链接不正确,因为您需要将绝对网址放在那里,但即使这样似乎也不起作用。

这是代码:JS

上传图片.php:

当我尝试上传图像时,他在 base 64 的编辑器中形成一个 img 标签,然后消失。调试器向我显示文件 upload_image.php 的状态为 200,从控制台显示的错误是: Object {code: 4, message: "Parsing response failed"}

0 投票
1 回答
1648 浏览

css - 将 froala wysiwyg 的 textarea 更改为笔记本

我正在尝试将 froala 所见即所得编辑器的背景图像更改为看起来像笔记本,

但它根本没有改变任何东西......有人可以帮我修复它并告诉我如何吗?

这就是我正在做的事情: