问题标签 [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.
javascript - wysihtml5 命令显示为未定义
当我加载wysithml5
引导编辑器时,此命令或wysihtml5
引导支持的任何命令都不起作用。
当我 alerteditor.composer.commands
时,它显示为未定义。
我能做些什么来解决这个问题?jQuery 加载了 jQuery-UI,我不知道这是否有帮助。
ruby-on-rails - wysihtml5 在 Rails 中无法正常工作
我在使用wysihtml5
编辑器时遇到了麻烦(用于引导程序)。它只需要三行并消除了其他行。当我在编辑器中给出 10 行时。它只需要三行。所以只保存了三行。
在视图中(_form.html.erb
):
该模型:
控制器:
要运行的 JS 脚本wysihtml5
:
jquery - 如何自定义 wysihtml5 编辑器的背景颜色、字体等?
我在网站中使用 bootstrap-wysihtml5,需要自定义编辑器以匹配我网站的外观。例如,bootstrap-wysihtml5 编辑器有一个带有黑色文本的白色背景,但我需要将其更改为,例如,带有白色文本的红色背景。我也想使用不同的字体。
如果我使用 Fiddler 检查<iframe>
bootstrap-wysihtml5 创建的元素,我会看到其中的<body>
元素<iframe>
具有以下style
定义:
此处使用的font-family
设置是在我的bootstrap.css
文件中定义的,因此我认为这就是其中style
定义的<iframe>
来源,但我不知道如何将这些自定义为不同的东西。
我已经尝试<iframe>
<body>
在 bootstrap-wysihtml5load
事件中通过 jQuery 修改样式,这很有效,但是一旦我单击编辑器,自定义样式就会被默认样式覆盖。
如何在此编辑器中实现我自己的自定义样式?
谢谢
ruby-on-rails - rails_admin 中的 Wysihtml5 消失了
我已添加gem 'bootstrap-wysihtml5-rails'
到我的 Gemfile。所以我将这个 gem 与 rails_admin 一起使用。
我的项目中有一个名为“新闻”的模型。它看起来像这样:
我有文件bootstrap-wysihtml5.css
和目录。bootstrap-wysihtml5.js
app/assets/stylesheets
app/assets/javascripts
前段时间这工作得很好。我有 wysihtml5-textfield。
但是昨天 wysihtml5 面板刚刚消失,现在我的字段正文看起来像普通的文本字段。我没有接触过“新闻”模型,日志没有给出任何错误。
这里发生了什么?
ruby-on-rails - rails_admin 的文本编辑器
rails_admin
为我的文本区域提供了 2 个文本编辑器选项。
- CK编辑器
- Wysihtml5
我的文本区域需要图片上传功能!CKEditor 在开发中工作,但不在生产环境中。我猜是某种资产路径问题。Wysihtml5 字段没有上传图片功能!它只是提供通过 url 插入图像的选项。我想要上传器(回形针、carrierwave 或类似的东西)。
我应该怎么做才能拥有具有图像上传功能的文本编辑器?
PS:如果您有其他的文本编辑器,rails_admin
请提供一些安装 pls 的手册。
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 清单
这将解决目前的问题。但是当我需要一个带有高图表和所见即所得文本框的视图时,我又遇到了同样的问题。
因此,我问我是否有更好的解决方案可以阻止两个宝石的冲突,并允许我在同一视图中使用两者。
html - bootstrap-wysihtml5 未显示在 Android 设备上
我已经在我的一个网站中实现了 bootstrap-wysihtml5 编辑器。它在桌面、iPad 和 iphone 上的任何地方都可以正常工作,但在 Android 设备上根本不显示。我使用 Chrome 浏览器进行了检查。
谁能告诉我那里有什么问题。
更新:在从其默认网站http://www.w3masters.nl/bootstrap-wysihtml5/检查“bootstrap-wysihtml5”时,发现它也无法在 Android 设备上运行(在 chrome 和其他 android 浏览器上检查)。
javascript - jQuery在标签事件的文本编辑器中选择文本(在div标签内)
我目前正在使用 html5 文本编辑器 ( bootstrap-wysihtml5 )。我正在尝试使用“按键”事件(在选项卡上)在文本编辑器中选择特定单词。
这是我的文本示例:
目标:在“keypress”选项卡事件中,突出显示 {{ }} 中的每个单词。即 1. 按 Tab 一次,将突出显示 {{name}}。2. 第二次按 Tab 键,将突出显示 {{programming in Rails}},依此类推。
这是我迄今为止实施的:
有什么想法吗?我已经花了 2 天的时间来寻找如何使这项工作。以下是我看过的参考资料:
html - bootstrap-wysihtml5 在 jquery 步骤中不起作用
当我将我想成为 wysihtml5-editor 的 textarea 放入时,我收到以下错误消息:
这是html代码:
当我将 textarea 从我的 jquery 步骤 div 中移出时,它工作得非常好......但我需要在我的步骤中有一个 wysihtml5。有任何想法吗?
编辑:这是似乎有问题的代码:
那时我已经在 iframe 上看过,它是空的。我只是不知道为什么,而且我无法理解整个 10000 行代码;)
jquery - 如何在 beforeCommand 或 AfterCommand 事件中获取执行的命令名称 - WYSIHTML5?
有没有办法确定在“beforecommand:Composer”事件中触发了哪个命令?IE :
我在聊天应用程序中使用了编辑器,因此我需要在清除文本区域后捕获事件名称和值以保存格式。