问题标签 [bootstrap-wysiwyg]

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

asp.net-mvc-4 - Summernote 所见即所得编辑器不可见

我想在弹出窗口内的弹出窗口中使用 Summernote 编辑器,弹出代码在局部视图内。我已经在主视图中包含了 css 和 js 文件,但是当我单击编辑器按钮弹出窗口时,我无法看到编辑器。我进行了很多搜索,但无法弄清楚可能是什么问题。是因为弹幕吗??

0 投票
1 回答
1321 浏览

javascript - 如何在 bootstrap-wysiwyg 中使用“更改事件”?

我正在使用引导程序所见即所得。

我需要在修改文本并且输入框模糊后发生事件。

我看到了下面的代码,但这不是我想要的事件

我希望在修改文本并且输入框模糊后发生事件。

我想要的事件类似于 jQuery 中的“.change()”。

我希望你能帮助我。。谢谢。。

0 投票
1 回答
101 浏览

javascript - Bootstrap wysihtml5 显示额外的字符串

我正在使用bootstrap-wysihtml5编辑器。在我的网络上,它运行良好。但是当我使用 jquery 将数据从它发送到 php 时,它会发送一些额外的数据。例如:

当我发送这个:

它发送以下内容:

我的 Bootstrap wysihtml5 配置在这里:

我的 jquery ajax 代码在这里:

避免这种情况的程序是什么?

0 投票
0 回答
809 浏览

javascript - 使用 angular sanitize 转义和显示所见即所得的内容

我有一个引导程序所见即所得的编辑器,它如下 -

在我的控制器中,我将编辑器的 html 保存如下 -

那么,我如何$('#editor').html()在 Angular Sanitize 的帮助下正确地避免这种情况,或者有更好的方法来实现这一点?

另外,如果我从$HTTP GET变量 answer.text 的请求中获取内容,如何在屏幕上显示它,那么如何在 div 中显示它

0 投票
2 回答
4281 浏览

javascript - 如何使用引导验证验证所见即所得编辑器

使用

bootstrap3-wysihtml5-bower 2013-11-22(所见即所得编辑器)

BootstrapValidator v0.5.2

使用引导验证验证 textarea(bootstrap-wysihtml5 编辑器)。只需要检查NotEmptyMax Characters然后提交表格。

到目前为止尝试过

JSFiddle https://jsfiddle.net/v6s0726L/1/

0 投票
1 回答
489 浏览

javascript - bootstrap-wysiwyg 失去焦点

我正在尝试在项目中实现 bootstrap-wysiwyg 编辑器,但是每次我单击工具栏中具有下拉菜单的按钮时,编辑器都会失去焦点,这意味着,例如,由于未选择文本而无法添加链接, 并且图像总是添加在内容的开头,因为编辑器中的插入符号位置丢失了。这发生在 Firefox 和 Chrome 中。例如,这是插入链接按钮的 HTML 代码(与编辑器文档示例非常相似,但不起作用)

唯一的 JS 代码是编辑器钩子:

我正在使用 jQuery v2.1.4、Bootstrap v3.3.6 和 bootstrap-wysiwyg v1.0.4 谢谢你的帮助。

0 投票
3 回答
7384 浏览

php - 所见即所得的引导程序保存到数据库

我无法将编辑器中编写的内容保存到我的数据库中。

我注意到,如果我将 div 更改为 textarea,它会很好地保存到数据库中。但是那个“解决方案”删除了所见即所得的功能,并且无法以我需要的丰富数据格式保存。

那么如何使用 div 保存到我的数据库中呢?

这是我的代码:

如果我将代码更改为此,它会保存到数据库中,但如上所述会破坏其他功能..

我该如何解决这个问题,以便能够以丰富的数据格式保存到我的数据库中?

谢谢

0 投票
1 回答
2693 浏览

javascript - 如何计算所见即所得编辑器javascript中的单词数?

我正在使用所见即所得的编辑器,写在那里并保存它。

我只想计算我写的字符数。

假设我写"My Count is 4"了,那么它应该告诉我计数为 13

在将其标记为粗体或斜体后,计数应保持与 13 相同。

我用来计数的代码是jQuery(selector).text().length;

但它返回了我的数据,以及 html 标签。

如果我"My Count is 4"在编辑器中用粗体写过。计数正在增加,因为它<b></b>也在计算 html 标签。

请帮助我找到解决方案。

0 投票
1 回答
4119 浏览

smarty - 将所见即所得编辑器添加到 Prestashop 1.6.X 模块 smarty 模板表单

我在 Prestashop 1.6.X 中做一个自定义模块。在我的模块中,我有一个用 smarty 制作的表格。我想以这种聪明的形式添加所见即所得的编辑器。那么有人可以告诉我如何将所见即所得编辑器添加到 smarty 模板表单中吗?任何帮助或建议都将是非常可观的。谢谢