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

javascript - wysihtml5 命令显示为未定义

当我加载wysithml5引导编辑器时,此命令或wysihtml5引导支持的任何命令都不起作用。

当我 alerteditor.composer.commands时,它显示为未定义。

我能做些什么来解决这个问题?jQuery 加载了 jQuery-UI,我不知道这是否有帮助。

参考编辑器:https ://github.com/xing/wysihtml5

0 投票
1 回答
363 浏览

ruby-on-rails - wysihtml5 在 Rails 中无法正常工作

我在使用wysihtml5编辑器时遇到了麻烦(用于引导程序)。它只需要三行并消除了其他行。当我在编辑器中给出 10 行时。它只需要三行。所以只保存了三行。

在视图中(_form.html.erb):

该模型:

控制器:

要运行的 JS 脚本wysihtml5

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

ruby-on-rails - rails_admin 中的 Wysihtml5 消失了

我已添加gem 'bootstrap-wysihtml5-rails'到我的 Gemfile。所以我将这个 gem 与 rails_admin 一起使用。

我的项目中有一个名为“新闻”的模型。它看起来像这样:

我有文件bootstrap-wysihtml5.css和目录。bootstrap-wysihtml5.jsapp/assets/stylesheetsapp/assets/javascripts

前段时间这工作得很好。我有 wysihtml5-textfield。

但是昨天 wysihtml5 面板刚刚消失,现在我的字段正文看起来像普通的文本字段。我没有接触过“新闻”模型,日志没有给出任何错误。

这里发生了什么?

0 投票
1 回答
2075 浏览

ruby-on-rails - rails_admin 的文本编辑器

rails_admin为我的文本区域提供了 2 个文本编辑器选项。

  1. CK编辑器
  2. Wysihtml5

我的文本区域需要图片上传功能!CKEditor 在开发中工作,但不在生产环境中。我猜是某种资产路径问题。Wysihtml5 字段没有上传图片功能!它只是提供通过 url 插入图像的选项。我想要上传器(回形针、carrierwave 或类似的东西)。

我应该怎么做才能拥有具有图像上传功能的文本编辑器?

PS:如果您有其他的文本编辑器,rails_admin请提供一些安装 pls 的手册。

0 投票
1 回答
452 浏览

javascript - rails javascript资产冲突

目前,我使用两个提供 javascript 资产的 gems。这两种资产相互冲突。

在我的例子中,它是lazy_high_charts gem 和bootstrap-wysihtml5-rails gem。

我目前的项目中都有。首先,我只有一些文本框的 bootstrap-wysihtml5-rails gem。昨天我将lazy_high_charts gem 添加到我的仪表板项目中。

我的应用程序内的多个位置都有所见即所得的文本框。对于仪表板,我创建了一个带有索引操作的新控制器仪表板。

在我添加了lazy_high_charts_gem 并需要我的application.js 清单文件中的javascript 文件后,整个项目中我的文本框中的所有所见即所得编辑器都消失了。一旦我从我的 application.js 文件中删除了lazy_high_charts javascript 要求,所见即所得的编辑器就回来了。

第一次尝试 我第一次尝试解决这个问题是改变我的javascript要求的顺序:

应用程序.js

到: application.js

但这并没有改变。

第二次尝试

我第二次尝试解决这个问题是在dashboard.js 文件中要求lazy_high_charts javascript 文件。

应用程序.js

仪表板.js

但是这种尝试的问题是,在预编译所有资产之后,javascript 文件被编译成这个大的 javascript 文件,而我的所见即所得编辑器又停止了。

我的第三个想法如下: 对于我的仪表板,我可以为仪表板控制器创建一个自己的资产文件夹和一个清单文件。在它的 javascript 清单中,我可能需要lazy_high_charts javascript 文件。在仪表板/index.html.erb 视图文件的底部,我可以加载 javascript 清单

这将解决目前的问题。但是当我需要一个带有高图表和所见即所得文本框的视图时,我又遇到了同样的问题。

因此,我问我是否有更好的解决方案可以阻止两个宝石的冲突,并允许我在同一视图中使用两者。

0 投票
1 回答
632 浏览

html - bootstrap-wysihtml5 未显示在 Android 设备上

我已经在我的一个网站中实现了 bootstrap-wysihtml5 编辑器。它在桌面、iPad 和 iphone 上的任何地方都可以正常工作,但在 Android 设备上根本不显示。我使用 Chrome 浏览器进行了检查。

谁能告诉我那里有什么问题。


更新:在从其默认网站http://www.w3masters.nl/bootstrap-wysihtml5/检查“bootstrap-wysihtml5”时,发现它也无法在 Android 设备上运行(在 chrome 和其他 android 浏览器上检查)。

0 投票
1 回答
562 浏览

javascript - jQuery在标签事件的文本编辑器中选择文本(在div标签内)

我目前正在使用 html5 文本编辑器 ( bootstrap-wysihtml5 )。我正在尝试使用“按键”事件(在选项卡上)在文本编辑器中选择特定单词。

这是我的文本示例:

目标:在“keypress”选项卡事件中,突出显示 {{ }} 中的每个单词。即 1. 按 Tab 一次,将突出显示 {{name}}。2. 第二次按 Tab 键,将突出显示 {{programming in Rails}},依此类推。

这是我迄今为止实施的:

有什么想法吗?我已经花了 2 天的时间来寻找如何使这项工作。以下是我看过的参考资料:

0 投票
0 回答
964 浏览

html - bootstrap-wysihtml5 在 jquery 步骤中不起作用

当我将我想成为 wysihtml5-editor 的 textarea 放入时,我收到以下错误消息:

这是html代码:

当我将 textarea 从我的 jquery 步骤 div 中移出时,它工作得非常好......但我需要在我的步骤中有一个 wysihtml5。有任何想法吗?

编辑:这是似乎有问题的代码:

那时我已经在 iframe 上看过,它是空的。我只是不知道为什么,而且我无法理解整个 10000 行代码;)

0 投票
0 回答
161 浏览

jquery - 如何在 beforeCommand 或 AfterCommand 事件中获取执行的命令名称 - WYSIHTML5?

有没有办法确定在“beforecommand:Composer”事件中触发了哪个命令?IE :

我在聊天应用程序中使用了编辑器,因此我需要在清除文本区域后捕获事件名称和值以保存格式。