问题标签 [wysihtml5]

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

javascript - 在 textareas / WYSIHTML5 编辑器上放置事件

知道如何收听/挂钩 WYSIHTML5 编辑器的拖放事件吗?

我想要的是......我有 wysihtml5 和用户上传的图像(如附件中所示),当我将其中一个图像拖放到 wysihtml5 时,它会插入它(我想这只是一个浏览器的默认功能,就像您将任何链接拖动到任何文本区域/文本输入时一样),但与源图像具有相同的 src,这就是缩略图分辨率,我宁愿想要更大的东西。所以我想我会连接一个放置事件并从缩略图的 data-big-src 属性中获取图像源。

我试过

其中编辑器是 wysihtml5 的实例,也尝试将侦听器添加到原始文本区域,但都没有工作/触发,有什么提示吗?

在此处输入图像描述

// 编辑粘贴/粘贴:作曲家

可能是我正在寻找的,但它不会返回丢弃的对象....

0 投票
1 回答
538 浏览

javascript - 属性从 iframe 标记中剥离

我想使用 wysihtml5-0.4.0pre 在我的内容中使用 iframe,我添加了

到我的 parserRules 并且 iframe 标记被传递,但所有属性(src、宽度、高度等)都被剥离了。这种情况发生在哪里,我该怎么办?

0 投票
1 回答
5060 浏览

angularjs - bootstrap-wysihtml5 Angular 指令在更改时未正确更新

我目前正在尝试将 wysihtml5 与 Angular 指令一起使用,但我似乎无法正确触发更改事件。

以下是我设置的指令:

根据 wysihtml5 的文档,这是您聆听 change 元素的方式。但是,它目前仅在模糊时触发,而不是在对编辑器进行更改时触发。是否存在我应该寻找的不同事件,或者我应该使用 Angular 指令以不同的方式进行处理?

0 投票
1 回答
2908 浏览

ruby-on-rails - 如何将打包的所见即所得编辑器集成到我的 Rails 应用程序中

我决定使用bootstrap-wysihtml5-rails,这是一个打包的所见即所得编辑器,内置 Twitter 引导程序。我的问题是关于如何“激活”我使用form_for助手创建的表单中的编辑器。

我有以下表格,我想在其中使用所见即所得编辑器:

说明只需添加以下内容:

但是,对于如何仅切换text_area部分以使其成为所见即所得的方式,我有点迷茫。我查看了Rails 指南form_for但没有看到如何插入 javascript 甚至将 css 类应用于特定字段。谢谢你的帮助。

0 投票
2 回答
10497 浏览

php - 如何保存从 wysihtml5 生成的 HTML 或将其传递给 PHP 页面

我正在使用bootstrap- wysihtml5 在我的引导站点中实现 WYSIHTML 编辑器。但我不明白如何将 HTML 内容传递给 php 页面以便将内容保存在数据库中。虽然我已经为 textarea 使用了 ID(内容),但 php 页面没有获取数据。“Get”的 URL 在末尾显示“?_wysihtml5_mode=1”而不是“?content=...”

0 投票
2 回答
1478 浏览

css - WYSIHTML5 如何输出内联 CSS?

我正在运行 WYSIHTML5 以允许自己输入电子邮件文本并将其格式化以作为 HTML 发送。但是,当我查看格式化文本的 HTML 时,我会得到与颜色元素关联的类。这是预期的行为,但由于我需要在电子邮件中发送输出,因此我希望将这些颜色放在内联 CSS 中,因为我无法在电子邮件中附加 CSS 文件。这里的例子

也就是说,如果我为文本选择绿色:Testing. 有什么方法可以修改绿色使其成为 html 本身的一部分,例如

我试图搜索这个但找不到,所以我没有先寻找它就不会问。如果有人可以请指出某个地方。即使是指向任何指南的链接,也可以。我不希望你花时间为我写代码。

0 投票
1 回答
1716 浏览

javascript - 在 wysiHTML5 中“锁定”部分 HTML

我在我的代码库中使用https://github.com/xing/wysihtml5作为编辑器,我想“锁定”部分代码使其不可编辑,如下所示:

有谁知道这是否可能?到目前为止,我已经尝试了几种方法,但都没有成功。我也没有在文档中看到任何内容。如果这是不可能的,你知道有可能的类似编辑器吗?

0 投票
1 回答
1066 浏览

jquery - 为什么我不能通过 jQuery 选择 iframe > html > body 之类的内容?

我正在使用wysihtml5插件,将富编辑器添加到我的文本区域。

所以,插件变成了这样:

进入这个:

我在这里找到了一些信息,以添加字符计数器:

根据插件作者的说法:

解决方案是不在 textarea 上监听 keyup 事件,而是在 's body

所以这就是我所做的,我听了 iframe > html > body:.wysihtml5-editor

但是现在,我收到以下错误:

Uncaught TypeError: Cannot read property 'length' of undefined

所以这意味着 jQuery 部分由于某种原因没有定位主体(它确实定位了不在 iframe 内的元素)。

可能是什么问题,有哪些可能的解决方案?

在此处输入图像描述

0 投票
0 回答
159 浏览

jquery - 您如何配置 WYSIHTML5 工具栏反馈?

在 WYSIHTML5 的演示中,工具栏反馈给您显示您选择的选项。即,如果您单击粗体的项目,工具栏会反映这一点。

你如何配置这个?

0 投票
1 回答
784 浏览

jquery - WYSIHTML5 - 创建多个实例时非常慢

我正在使用WYSIHTML5将 textarea 转换为编辑器。编辑器非常简单。它只提供基本功能,如粗体/下划线/斜体和插入自定义变量。

当我只加载一个 WYSIHTML5 实例时,一切正常,但是当我在列表中显示 5 或 10 时,它会冻结整个浏览器 1 到 2 秒。

我想我找到了需要这么长时间的原因。当我启动编辑器时,它会创建一个 iframe,它是实际的编辑器。这是它挂起的部分。

是否可以加载 div 而不是 iframe?我知道 WYSIHTML5 的开发团队采用 iframe 是有安全原因的,但无论如何 iframe 的速度很慢。