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

ruby-on-rails-4 - 不支持不连续选择

我正在尝试bootstrap-wysihtml5-rails,我正在使用 twitter bootstrap 2

但是当我在图像中得到这个结果时,错误:

我试着window['rangy'].initialized = false;喜欢这样:

但是我仍然遇到同样的错误,我可以忍受它,但它似乎破坏了图像中的编辑器按钮,任何人都可以帮忙吗?

在此处输入图像描述

0 投票
2 回答
5117 浏览

javascript - 如何正确自动调整 wysihtml5 文本区域的大小

我正在使用bootstrap-wysihtml5,所以从 textarea 输入字段接收输入。为了改善用户体验,我想自动调整 textarea 的大小以适合输入文本。

借助此 Gist中的代码,我可以在单击时调整文本区域的大小,但不能在加载时调整。

这是我当前的实现:

如您所见height,评估为60,这是正确的。但是heightInit被评估为3860,这是不正确的。我该如何解决?

0 投票
2 回答
1433 浏览

jquery - bootstrap-wysiwyg 获取实例未定义

我正在遵循他们在 Github 中的指南,了解如何根据您放置的 textarea ID 或类来获取 wysihtml5 实例。这个 JSFiddle 显示了我遇到的错误:

http://jsfiddle.net/ez3ajvaf/2/

这是我的 HTML:

这是我的 Javascript:

我收到的错误是

未捕获的类型错误:无法读取未定义的属性“html”

在他们的 github https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwyg下,如果您向下滚动到“您可以像这样访问 wysihtml5 编辑器对象:”,它会根据他们启动 wysihtml5 的 textarea ID 显示此确切代码. 我的文本编辑器加载正常,效果很好,但我似乎无法获取实例。data-wysihtml5当我启动代码开始时,似乎没有作为属性添加。

我试图在您单击“引用”时将帖子(我可以稍后添加以获取该上下文)引用到文本编辑器中。感谢您的任何帮助或指导!

0 投票
1 回答
276 浏览

javascript - 将正则表达式添加到 wysihtml5 解析器规则

是否可以将正则表达式添加到 wysihtml5 解析器规则?例如/< !--[\s\S]*?-->/

0 投票
3 回答
1380 浏览

jquery - 在 wysihtml5 编辑器中的光标位置插入文本

我有一个带有一些值的文本区域和列表框。当用户将光标放在文本区域内的任何位置并从列表框中选择值时,它应该被注入到光标所在的特定位置。

我尝试了一些解决方案,其中文本始终附加在末尾。无法在光标位置附加。

0 投票
1 回答
442 浏览

jquery - Rails4:Bootsy WYSIWYG 编辑器不显示

我刚刚从 Paperclip 迁移到 CarrierWave,无法显示 Bootsy WYSIWYG 编辑器。我的表单(及其文本字段,现在是<%= f.bootsy_area :text, rows: 12 %>)看起来与我安装 Bootsy 之前完全一样。关于如何使编辑器显示而不是单独显示旧文本区域的任何想法?谢谢。

我已经采取的步骤:

  1. 遵循Github 上的Bootsy 说明
  2. 将bootsy 演示应用程序代码的所有页面与我的进行比较
  3. 阅读相关 Bootsy已知问题
  4. 重新启动服务器
  5. 运行bundle update bootsy并重新启动服务器
  6. 从 application.scss 中删除了 fontawesome
  7. 阅读这个这个以及这个SO 问题

宝石文件:

文章.rb

文章控制器.rb

应用程序.js:

应用程序.scss:

_form.html.erb:

新的.html.erb:

资产.rb

根据 rails 控制台的文章列标题

0 投票
0 回答
83 浏览

php - 检索使用 Bootstrap wysihtm5 编辑器编辑的数据

从使用 Bootstrap wysihtml5 编辑的数据库中检索数据时,我得到纯文本作为屏幕截图。我正在使用 Laravel 5.2 和 MySQL。

我该如何解决?

在此处输入图像描述

在我看来:

0 投票
1 回答
1930 浏览

jquery - 使用 jQuery 更新 textarea 值

我在我的表单中使用 Bootstrap WYSIHTML5 html 编辑器,例如

并在输入字段中输入产品并希望使用描述更新 textarea 时使用 Ajax 获取产品详细信息

但是此代码在$('#product_code').val(data['product_code']);正常工作时不会更新 textarea 字段的值。

我试图打印 textarea 的值,alert($('#description').val());它正在工作并在 textarea 字段中打印预填充的值。

编辑 2

控制台输出:console.log(data);

我试过这个

只有一个id="description",没有其他地方使用。

0 投票
0 回答
803 浏览

twitter-bootstrap-3 - Bootstrap3 x-editable 和 wysihtml5.js

我正在尝试将 Bootstrap 3 与 x-editable 最新版本一起使用。X-editable 适用于 datetime、text、textarea 字段,但不适用于“wysihtml5”类型。X-editable 站点中没有为此给出工作示例,但是给出了 bootstrap 2 工作示例。那么 X-editable 是否支持 bootstrap3 的这种类型?

按照以下文档包括提到的 css、js 和 jquery 之后。 http://vitalets.github.io/x-editable/docs.html https://github.com/jhollingworth/bootstrap-wysihtml5/tree/master/src

我已经加载了 x-editable 和 wysihtml5 文档中确切提到的所有库。我仍然收到一个 js 错误:

wysihtml5.js 未捕获类型错误:无法读取未定义的属性“继承”

问题出在行(bootstrap3-editable-1.5.1/inputs-ext/wysihtml5/wysihtml5.js): $.fn.editableutils.inherit(Wysihtml5, $.fn.editabletypes.abstractinput);

$.fn.editableutils即将到来的"undefined"地方$.fn确实有不同的对象而不是editabeutils。

有人可以指导一下可能是什么问题以及如何解决它?我想为 Bootstrap 3 使用类型为 wysihtml5 的 x-edtable。

0 投票
1 回答
3313 浏览

django - 如何使用模板标签在 django 模板中从数据库中呈现 html 文本

我使用 django 表单、textarea 小部件和引导程序所见即所得将文本保存到我的数据库中,但是当我尝试仅使用变量名将其呈现到我的模板中时

我只用这样的 html 标签呈现文本:我想要做的是在 html 中显示格式化的文本。
显示html标签的呈现