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

jquery - 获取所见即所得的 html 代码并复制到 textarea

我正在将 wysihtml5 编辑器与 Bootstrap 一起用于我正在开发的网站。我试图找到一种方法,使用 jquery 来捕获添加到所见即所得编辑器的任何内容,并将呈现的 html 代码发布到将被隐藏的 textarea 标记。

示例编辑器文本/代码:

textarea 不需要换行符,但我最终尝试将呈现的 html 保留在所见即所得编辑器 (#editor) 中,然后发布到 textarea (#editorResult) 中。

有人有解决方案吗?

0 投票
1 回答
1779 浏览

javascript - 如何选择 wysihtml5 编辑器的 iframe?

我正在使用带有 bootstrap-wysihtml5 扩展的所见即所得编辑器 wysihtml5。

我正在构建一个字符计数器,并希望在达到最大长度时在编辑器区域上放置一个红色边框。

但是我怎样才能在 javscript 中选择 textarea?在源代码中,它不是文本区域,而是 iframe,并且没有唯一 ID 或任何东西。我实际上是在同一个页面上创建多个编辑器,所以我需要区分我选择的是哪一个。

0 投票
1 回答
1241 浏览

ios - iPad 文本输入和文本选择无法正常工作

这将很难解释,所以我不会粘贴任何代码。

我在我的站点上实现了一个所见即所得的编辑器,名为 wysihtml5,在使用 iPad 选择 textarea/editor 时存在几个问题。在桌面浏览器上,一切都很好,可以选择、编辑、粘贴文本等。但在 iPad 上会出现多个问题:

  1. 无法点击文本中的任何位置以将光标移动到那里
  2. 如果我手动移动光标,突然我不能再输入任何东西了
  3. 在文本编辑器外部敲击不会使键盘下降

基本上,我只是希望有人对 iPad 光标在文本输入字段中的行为不正确以及可能的解决方案有类似的经验。我被卡住了,不知道如何调试它。

0 投票
3 回答
877 浏览

javascript - IE8 的 WYSIHTML5 字符计数器

我在我的站点中为 wysihtml5 编辑器实现了一个字符计数器,但它在 IE8 中不起作用。我在以下代码行中收到错误,我使用该代码从 WYSIWYG 编辑器获取当前字符数。

这适用于 FF 和 Chrome,但 IE8 显示以下错误:

有没有办法让它在 IE8 中工作?

0 投票
1 回答
244 浏览

ruby-on-rails - rails_admin 中的 wysihtml5 显示标签而不是效果

我正在使用这里sferik/rails_admin描述的gem 和wysihtml5文本字段编辑器。一切似乎都很好,除了一个人认为。它不起作用。例如在 /admin 页面中,我看到: 1

在我的页面上,我看到了这个: 2

所有效果都会发生同样的麻烦。甚至我看到的粗体文本:b>粗体文本/b>

你能帮我处理这个吗?感谢4您的关注!

0 投票
1 回答
1695 浏览

wysihtml5 - 在 wysihtml5 上允许 HTML 输入标签和值

我正在使用 wysihtml5 和 bootstrap-wysihtml5 来保存 html 模板(有时我需要在 wysihtml5 上加载它们)。我希望能够允许编辑器上的输入标签。

用户工作流程应该是这样的:

  1. 创建一个带有“input=text”和“input=checkbox”的模板并保存。
  2. 在 wysiwyg5 上加载保存的模板(它将显示输入,以便用户可以选中复选框,在另一个上输入一些值,添加一些其他 HTML 等)
  3. 再次保存所有数据(包括输入值/检查状态)

在我添加的 Bootstrap-wysihtml5 parserRules 中:

这可以很好地添加(在 HTML 源视图上) <input/> 元素,但我无法保存用户在输入中插入的值。

关于如何做到这一点的任何提示?

编辑1:

这是一个显示问题的小提琴:http: //jsfiddle.net/KuA9Z/1/

0 投票
2 回答
16881 浏览

javascript - JQuery - 无法读取未定义的属性“编辑器”

我正在尝试几个所见即所得的 HTML5/JQuery 编辑器。但是,对于 Bootstrap WISWYG 和 Summernote,我得到“无法读取未定义的属性 'fn'”或“无法读取未定义的属性“编辑器”。我只是在 GitHub 上使用标准文件。任何人都熟悉使用 JQuery 插件的这些错误?

编辑

我现在正在尝试Bootstrap WISWYG

在我的身体里,我有

在我的 js 中,我有

但是,我得到的错误是:无法读取未定义的属性“编辑器”(第 157 行)

第 157 行:

JSFiddle:http: //jsfiddle.net/MgcDU/8125/

编辑 2

我忘了包含一个 JS 文件。但是,在包含它之后,我收到了一个新错误:

错误所指的代码行:

0 投票
1 回答
1689 浏览

javascript - 关于 contenteditable=true 元素的文本建议

我正在使用bootstrap-wysihtml5(基于wysihtml5)惊人的编辑器,它工作正常,每个人都很高兴。但现在我需要在用户输入内容(如thisthis)时提供文本建议。这些库需要一个 textarea 并且 wysihtml5 使用带有<body contenteditable="true">.

我所需要的只是一些单词以在元素内的一些纯文本中自动完成(或打开带有建议的弹出窗口)。
在我深入讨论之前,有人对可以在contenteditable="true"元素内部工作的库提出建议吗?

编辑 1:
我创建了一个基本库来满足我的需要,但我认为我在这个库上使用了我所有糟糕的 js 技能......它可以在 div 上运行,contenteditable=true但我很难让它在 wysihtml5 编辑器上运行. 一些 javascript/wysihtml5/rangy ninja 可以给我一些帮助吗?

这是我的代码:http: //jsfiddle.net/5UQfH/

编辑2:
第一个工作版本:http: //jsfiddle.net/X9jBM/1/

编辑 3:
稍微好一点(但不是更漂亮)的版本(在同一页面上与多个编辑器一起使用):http: //jsfiddle.net/X9jBM/18/
当建议是多个单词时仍然不能正常工作(它停止建议当有是一个空格)

仍然想听听对此的一些反馈。

0 投票
1 回答
3687 浏览

jquery - 如何自定义 wysihtml5 编辑器的背景颜色、字体等?

我在网站中使用 bootstrap-wysihtml5,需要自定义编辑器以匹配我网站的外观。例如,bootstrap-wysihtml5 编辑器有一个带有黑色文本的白色背景,但我需要将其更改为,例如,带有白色文本的红色背景。我也想使用不同的字体。

如果我使用 Fiddler 检查<iframe>bootstrap-wysihtml5 创建的元素,我会看到其中的<body>元素<iframe>具有以下style定义:

此处使用的font-family设置是在我的bootstrap.css文件中定义的,因此我认为这就是其中style定义的<iframe>来源,但我不知道如何将这些自定义为不同的东西。

我已经尝试<iframe> <body>在 bootstrap-wysihtml5load事件中通过 jQuery 修改样式,这很有效,但是一旦我单击编辑器,自定义样式就会被默认样式覆盖。

如何在此编辑器中实现我自己的自定义样式?

谢谢

0 投票
0 回答
220 浏览

html - 向 WYSIHTML5 添加自定义功能

嗨,我喜欢 wysihtml5,但我需要能够通过我定义的列表来编辑字体系列,但我在任何地方都找不到这样做的方法。

有没有一种简单的方法可以做到这一点?或者确实是一个困难的方式??