问题标签 [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 回答
4128 浏览

jquery - Bootstrap - 所见即所得 HTML5 编辑器不更新底层文本区域

我正在尝试在我的应用程序中使用 Bootstrap-WYSIWYG ( http://jhollingworth.github.com/bootstrap-wysihtml5/ )。我将 textarea 注入页面,然后实例化编辑器。到目前为止,一切都很好。但它没有更新底层的文本区域,我不知道为什么。我创建了一个 JSFiddle 来演示这个问题:http: //jsfiddle.net/8ckgf/2/

如果有人能明白为什么这不起作用,我将不胜感激。

0 投票
2 回答
3848 浏览

ms-word - wysihtml5:将文本从 Word 文档复制到编辑器

将文本从 word 复制到wysihtml5 编辑器时,文本会变得混乱(无论是在格式方面还是在额外添加的字符方面)。有一个简单的解决方法吗?我正在寻找的正确行为是 Stack Overflow 的富文本编辑器的工作方式 - 从 word 复制和粘贴的文本看起来与 word 文档相同。

谢谢!

更新: 为了解决粘贴单词文本的格式问题,我"p": {},在使用的 wysihtml5-0.30_rc2.js 文件中添加了该行。该行已添加到 defaultOptions[parserRules][tags] 的声明中(请参阅使用的资源)。

不过,现在我可以在粘贴文本的开头看到“字体定义”段落:

这仅在我使用 Firefox 时发生,在 Chrome 中不会发生。关于如何摆脱这个问题的任何想法?

0 投票
1 回答
419 浏览

ruby-on-rails - IE7 不支持 wysihtml5 编辑器

我在我的 rails app 中使用 wysihtml5 编辑器。它在所有浏览器中都能正常工作,但在 IE < 8 中不能正常工作。如何在小于 IE8(例如 IE 7)的 IE 浏览器上使用此编辑器?我正在使用 gem 'bootstrap-wysihtml5-rails'。

0 投票
2 回答
1173 浏览

jquery - 关闭并重新打开框后,无法进入 colorBox 中的 wysihtml5 文本区域

我在通过颜色框显示的弹出窗口上有一个 wysiHtml5 文本区域:

编辑器在第一次弹出颜色框时工作正常。但是如果它被关闭并重新打开,用户就不能点击进入编辑器。

我想知道这是否与我试图重新创建编辑器对象有关?问题是,如果我在颜色盒启动之前创建它,当颜色盒启动时编辑器会“损坏”。(即如果我将#popup 设置为可见,我可以在页面加载时对其进行编辑,但是当我启动颜色框时,我再次无法编辑内容。

行为是我可以看到文本区域,但我不能“点击”它。

0 投票
2 回答
8868 浏览

wysihtml5 - 如何停用 Bootstrap-wysihtml5 jquery 编辑器实例?

我正在使用 Bootstrap-wysihtml5 jquery 插件(https://github.com/jhollingworth/bootstrap-wysihtml5/)将文本区域转换为所见即所得。我希望能够通过单击 2 个按钮来激活和停用编辑器,到目前为止我可以显示编辑器,请你告诉我如何停用编辑器并只留下 textarea 及其值。我的代码如下: -

HTML

脚本

谢谢

0 投票
1 回答
525 浏览

jquery - 使用 wysihtml5 创建后,停止滚动到 textarea 元素的顶部

我正在使用 javascript 向页面动态添加更多 wysihtml5 编辑器。

我遇到的问题是当编辑器添加到页面中时,窗口会滚动到添加的编辑器的顶部。

我只是希望在不影响滚动位置的情况下添加编辑器并且不知道如何添加。

我正在使用 wysihtml5 v0.4.0pre

0 投票
0 回答
616 浏览

jquery - 如何在 wysihtml5 中切换/删除类

添加新类时,我需要能够从跨度中删除上一个类。

下面是添加跨度和通过按钮传递的类的自定义函数。

以下是按钮:

如果我同时单击灰色和深灰色按钮,则会生成以下代码:

在添加新的类之前,我需要找到一些方法来删除以前的类。

0 投票
2 回答
1242 浏览

twitter-bootstrap - 在所见即所得编辑器中将 onclick 事件添加到 html 元素中

我正在使用 bootstrap-wysihtml5 编辑器。我想为所有输入元素添加 onclick 事件。我试图将脚本添加到 iframe 中。这不起作用有什么简单的方法可以将点击事件包含到编辑器中吗?

请帮忙。

0 投票
1 回答
1365 浏览

javascript - bootstrap-wysihtml5 集成

我使用 Bootstrap 已经有一段时间了,我一直在寻找一个所见即所得的文本编辑器。我在Github上遇到了bootstrap-wysihtml5 ,并认为它可以满足我的需求。我研究了如何将它与标准的 HTML Bootstrap 页面集成。它的依赖项似乎是bootstrap-wysihtml5.jsbootstrap-wysihtml5.csswysihtml5。我在获取和包含 CSS 和 JS 文件时没有问题,但我被 wysihtml5 卡住了。如何下载它以及如何集成它?我查看了http://forums.adobe.com/thread/993552,其中有人得到了它,但经过长时间的搜索,我仍然找不到 wysihtml5 的文件。

TL;DR:我在哪里可以下载 wysihtml5 以及如何将它与 HTML 文件集成?谁能给我一个小提琴让我开始?

0 投票
0 回答
5656 浏览

javascript - Wysihtml5 - 关闭 HTML Sanitizer

我正在构建一个像 WordPress 页面构建器一样使用的页面构建器 - 它不需要更改我在页面中编程的任何 html(我是一名程序员并且正在使用它 - 这样我就可以轻松地修改页面并且它是更改,而不必处理 GIT 的工具)。

我之所以把它做成所见即所得的编辑器,是因为我想让一些与我一起工作的非技术人员编辑一些内容(即更改图像、修复拼写、添加内容等)。

我正在使用 bootstrap-wysihtml5(链接)。

编辑:

查看源代码后,我发现我想关闭部分 HTML Sanitizer。显然我需要一些帮助来确保我的代码是好的,但我不希望它删除类/标签/...等。

具有相同 jist 的另一个问题:link


原始问题:

我已经研究了如何做到这一点,并发现我可以使用ParserRules. 但是在写了 25 多行之后,它似乎仍然在弄乱我的 html。

现在我可以继续并继续关闭这些 parserRules,但我认为这可能不是正确的方法,因为我将继续遇到这个天才系统的怪癖。

有没有办法删除它,这样它就不会剥离 html?

原始 HTML

当前输出 HTML

当前的 ParserRules

我还试图切换它是如何删除课程的(正如这个问题所问的那样 - 不知道他在做什么......但标题很合适) - 这似乎是由ParserRules:classes; 再次,我想我需要关闭整个 ParserRules。