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

wysihtml5 - wysihtml5 编辑器 - 如何简单地将类添加到元素?

我很喜欢wysihtml5,但我找不到任何关于向元素添加类这样简单的文档。

基本上我正在寻找的是一种允许对 blockquote 元素进行 2 种不同变化的方法:

blockquote.pull-left blockquote.pull-right

(每个类指定不同的样式属性)

所以理想情况下,我想创建 2 个额外的工具栏按钮,让我不仅可以使用 formatBlock 命令(使用 blockquote 元素包装选择),还可以指定 blockquote 的类。

任何想法?

0 投票
3 回答
2235 浏览

twitter-bootstrap - 带下标和上标的引导 wysithml5

对于我的 Bootstrap 网站,我想使用wysihtml 5 editor。但是那个默认不支持超/下标。

我为编辑器添加的这一行:

以下代码是 bootstrap 的 wysihtml5 编辑器源代码的一部分:

dom.delegate(container, "[data-wysihtml5-command]", "click", function(event) { var link = this, command = link.getAttribute("data-wysihtml5-command"), commandValue = link.getAttribute("data-wysihtml5-command-value"); that.execCommand(command, commandValue); event.preventDefault(); });

默认情况下它确实适用于所有内容,但不适用于上标和下标。

谷歌给了我结果,我必须使用将 commandValue 设置为 false 的 execCommand,但这也不起作用。

有人确实知道如何让它工作,它将/添加到代码中?

0 投票
2 回答
13089 浏览

wysihtml5 - 如何在编辑器中禁用 wysihtml5 HTML Clean Up?

如何在编辑器模式下禁用 HTML 清理?我需要在代码中允许 css 格式和内联 html。这个想法是在粘贴代码并进入编辑器进行编辑时禁用解析器和 html 清理操作。谢谢。

0 投票
2 回答
5420 浏览

javascript - 使用带有 Twitter Bootstrap 按钮的 wysihtml5 工具栏

我正在尝试将 twitter 引导按钮与 wysihtml5 工具栏一起使用。我的简单问题是按钮上的 CSS 与工具栏exec()命令相反。因此,我单击粗体按钮,按钮获取活动状态类,但文本不会变为粗体,直到单击第二个按钮,此时按钮失去其活动状态。所以 CSS 和 JS 是异相的。

想法?

.btn这是 HTML,如果其中包含 wyishtml5.js 和 bootstrap.js 文件(切换's get .activeCSS 类),这实际上是 JS 方面所需的全部内容。

另外,这里的jsfiddle还没有完全证明这个问题,但我现在正在处理它。

0 投票
3 回答
1903 浏览

jquery - Rails & wysihtml5 - 更改时保存

我们正在使用 gem 'bootstrap-wysihtml5-rails'、'0.3.1.13'。当焦点丢失时,我想保存文本区域中更改的内容。

我尝试在视图中直接使用 jquery,并被脚本标签包围:

如果我使用“模糊”(或聚焦),则在页面加载时会触发几次警报,但在失去焦点时不会触发,当我使用“更改”时,什么都不会发生。

在另一次尝试中,我尝试以相同的行为挂钩 wysihtml5-event:

}

0 投票
1 回答
343 浏览

ruby-on-rails - 允许以下 HTML 元素(例如代码、pre)是否存在安全风险?

我正在使用以下插件:https ://github.com/jhollingworth/bootstrap-wysihtml5/

这就是我在 Rails 应用程序中清理输入/输出的方式:

post.rb:

帖子/show.html.rb:

此解析器规则适用于wysihtml5(当然,编辑器默认允许 b、i 等标签):

共享/编辑器工具栏:

所以,现在用户可以输入,应用程序可以输出如下内容:

(用户可以从视觉和html视图切换)

我希望这不是一个愚蠢的问题(我对安全性不是很熟悉),但这相对安全还是危险?如果有,如何预防?

0 投票
1 回答
299 浏览

jquery - jQuery 触发器在锚链接中不起作用(其他 jQuery 操作可以)?

我正在使用这个编辑器:http: //xing.github.com/wysihtml5/examples/simple.html(现场演示)。

您可以将自定义函数分配给事件:

我添加了一个自定义按钮:

所以,我想触发焦点按钮(textarea):

但是什么也没有发生,甚至控制台中的错误也没有。奇怪的是我试过这个:

一旦我将光标放在文本区域中,按钮就会隐藏。

我在这里缺少什么?

0 投票
1 回答
4061 浏览

javascript - 将自定义类添加到 wysihtml5 文本编辑器

我希望能够添加一个按钮来添加我自己的自定义类。我在任何地方的文档中都没有看到这一点,但似乎是一个常见的要求。

例如。

突出显示“一些文本”并按下按钮“自定义类”将添加

<p class="wysiwyg-custom-class">Some Text</p>

0 投票
2 回答
12680 浏览

javascript - 访问 wysihtml5 编辑器对象以在“事件”中使用它?

我在bootstrap-wysihtml5 的文档中发现了这一点:

所以我尝试了这个:

但它似乎正在破坏代码:

而且wysihtml5Editor.composer.commands.exec也不工作。

(如果我不包含里面的内容,文件加载就好了"focus": function() {

这样做的正确方法是什么?

0 投票
1 回答
991 浏览

ruby-on-rails - Capybara-webkit 抛出找不到变量:$

我正在尝试用Capybara -webkit填充wysihmlt5文本区域(不确定是否有其他方法):

但我得到这个错误:

可能是什么问题呢?